文本溢出隐藏

1，单行文本：

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

2，多行文本：

    overflow: hidden; /** 隐藏超出的内容 **/
    word-break;break-all;    /** 超出容器换行区别于 word-wrap:break-word **/
    text-overflow: ellipsis;  /** 文字溢出样式  **/
    display: -webkit-box;    /** 对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical;  /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp: 3;  /** 显示的行数 **/

注意：盒子必须有固定的宽度