CSS实现文本溢出显示省略号

实现单行文本溢出显示省略号,用以下代码即可:

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

实现效果:(Google Chrome)

多行文本的如下:

display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;

实现效果:(Google Chrome)

posted @ 2017-11-16 11:41  Sunngu  阅读(326)  评论(0编辑  收藏  举报