文本超过指定行数自动隐藏超出的内容并显示省略号
2017-08-08 本文已影响0人
Ch思磊
-webkit-box是Flexbox新加的display 属性,
只需要在包裹的块定义如下的css样式:
{
overflow : hidden;
text-overflow: ellipsis;
display: -moz-box;
-moz-box-orient: horizontal;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
暂时此代码只支持谷歌多行超过隐藏,火狐试了只能单行超过隐藏,暂不支持ie,网上查有display:box这种写法,但是实际写出来会报错。