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

本文转载于:猿2048网站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）