1，單行文本：

   overflow：hidden
   white-space: nowrap;
   text-overflow: ellipsis;

2，多行文本：

    overflow: hidden; /** 隱藏超出的內(nèi)容 **/
    word-break;break-all;    /** 超出容器換行區(qū)別于 word-wrap:break-word **/
    text-overflow: ellipsis;  /** 文字溢出樣式  **/
    display: -webkit-box;    /** 對象作為伸縮盒子模型顯示 **/
    -webkit-box-orient: vertical;  /** 設(shè)置或檢索伸縮盒對象的子元素的排列方式 **/
    -webkit-line-clamp: 3;  /** 顯示的行數(shù) **/

注意：盒子必須有固定的寬度