css的省略号显示

1.单行的div，只要设置三个属性，overflow，text-overflow，white-space

div{
white-space:nowrap; 
overflow:hidden; 
text-overflow:ellipsis;
}

2.多行的div需要，设置行号，如2行div在最后显示省略号：-webkit-line-clamp：2，

 

div { 
overflow : hidden; 
text-overflow: ellipsis; 
display: -webkit-box; 
-webkit-line-clamp: 2; 
-webkit-box-orient: vertical; 
}