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-03-27 21:43  DaMingGe  阅读(113)  评论(0编辑  收藏  举报