1. 程式人生 > >css超出省略,一行省略,兩行省略,簡單粗暴

css超出省略,一行省略,兩行省略,簡單粗暴

超出一行省略:

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

超出2行省略:

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