文本超过指定行数自动隐藏超出的内容并显示省略号

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这种写法,但是实际写出来会报错。

上一篇下一篇

猜你喜欢

热点阅读