CSS文本省略显示

当页面上有过多文字的时候，每每须要省略显示，CSS能够很方便的作到这点。

单行文本省略显示

width: 68%; // 须要固定一个宽度
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;

多行文本省略显示(适用于WebKit浏览器和移动端)

display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2; // 设置须要显示的行数
overflow: hidden;