文本截断效果

单行文本

截断并显示...

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

多行文本

截断并显示...，如下是 2 行，并配合 line-height 来设置行间距，记得设置width

overflow: hidden;
text-overflow: ellipsis;
display: -moz-box;
display: -webkit-box;
-moz-line-clamp: 2;
-webkit-line-clamp: 2;
line-clamp: 2;
-moz-box-orient: vertical;
-webkit-box-orient: vertical;
box-orient: vertical;