css超出文本显示省略号（单行、多行）

单行：

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

多行：

/* 规定段落中的文本不进行换行： */
white-space: nowrap;
/* 内容会被修剪，并且其余内容是不可见的。 */
overflow: hidden;
/* 显示省略符号来代表被修剪的文本。 */
text-overflow: ellipsis ;
/* 将对象作为弹性伸缩盒子模型显示。*/
display:-webkit-box; 
/* 从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式）*/
-webkit-box-orient:vertical; 
/* 这个属性不是css的规范属性，需要组合上面两个属性，表示显示的行数。*/
-webkit-line-clamp:2;