CSS超出字数展示点点点,CSS限制字数,超出部份显示点点点...

一行内超出点点点

width:100px /*注意一定要有宽度*/
overflow:hidden; /*超出的部分隐藏起来。*/
white-space:nowrap;/*不显示的地方用省略号...代替*/
text-overflow:ellipsis;/* 支持 IE */

超出两行显示点点点

width:100px /*注意一定要有宽度*/
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
word-break: break-all; // 注意这个文字多行很重要
-webkit-box-orient: vertical;

评论

Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×