Css文本超出隐藏显示省略号

单一行内容

//超出的文本隐藏
overflow:hidden; 
//溢出用省略号显示
text-overflow:ellipsis; 
//溢出不换行
white-space:nowrap; 

两多行内容

overflow: hidden;
text-overflow: ellipsis;
//作为弹性伸缩盒子模型显示。
display:-webkit-box; 
//设置伸缩盒子的子元素排列方式--从上到下垂直排列
-webkit-box-orient:vertical;
//显示的行 
-webkit-line-clamp:2;