【CSS】文字省略

做网页的时候，为了不让文字溢出影响页面结构，经常会遇到要文字省略的情况。如下：

简单地用CSS即可实现。

单行文字省略(如上图中标题显示)：

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

多行文字省略(如上图中文章显示)：

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