欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

css 单行文本省略号 多行文本省略号

程序员文章站 2022-04-22 13:46:07
...

1.单行文本

overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap
width:100%

2.多行文本

text-overflow: -o-ellipsis-lastline;  
overflow: hidden;  
text-overflow: ellipsis;  
display: -webkit-box;  
-webkit-line-clamp: 2;  
-webkit-box-orient: vertical; 
display: -moz-box;
-moz-line-clamp: 2;
-moz-box-orient: vertical;