temp

背景：
在日常开发展示页面时，如果一段文本的数量过长，由于页面宽度的影响，有可能不能完全显示。为了提高用户的使用体验，这个时候就需要我们把溢出的文本显示成省略号。

基于行数截断

/* 限制在一个块级元素内显示的文本行数 */
-webkit-line-clamp: 2;

/* 设置为弹性伸缩盒子模型显示 */
display: -webkit-box;

/* 设置弹性伸缩盒子的子元素排列方式 */
-webkit-box-orient: vertical;

(上面三个为CSS3内容，所以要加上-webkit-来实现浏览器兼容)

/* 文本超过限定宽度时，溢出隐藏 */
overflow: hidden;

/* 当文本溢出时用省略号代替超出的部分 */
text-overflow: ellipsis;