CSS控制文字，超出部分显示省略号

单行文本的溢出显示省略号。

   white-space: nowrap;        /* 强制不换行: */
   overflow: hidden;            /* 内容会被修剪，并且其余内容是不可见的。*/
   text-overflow: ellipsis;    /*显示省略符号来代表被修剪的文本。*/

效果：

 

 

 

多行文本

display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;