CSS 实现单行、多行文本溢出显示省略号

单行溢出

width:200px;
overflow:hidden;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
-webkit-text-overflow:ellipsis;
-moz-text-overflow:ellipsis;
white-space:nowrap;

多行溢出

width:200px;
overflow:hidden;
word-break:break-all;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;

 

posted @ 2017-08-08 15:17  段跃  阅读(150)  评论(0编辑  收藏  举报