CSS文本单行/多行溢出隐藏

单行文本溢出隐藏,溢出部分显示为省略号(记得设置宽高)

overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;

 

单行文本溢出隐藏,溢出部分显示为省略号(记得设置宽高)

display: -webkit-box; 
display: -moz-box; 
overflow: hidden; 
text-overflow: ellipsis; 
word-break: break-all; 
-webkit-box-orient: vertical; 
-webkit-line-clamp:2; /*(行数)*/

-webkit-line-clamp:4;
就表示超出4行,就隐藏

未经允许不得转载:安超峰的网站 » CSS文本单行/多行溢出隐藏

赞 (1)