css-一行,两行的超出文本隐藏

2018-10-29  本文已影响0人  你看花

一、css超出隐藏

1. 一行文本超出隐藏

    width:200px;

    overflow:hidden; //超出的文本隐藏

    text-overflow:ellipsis; //溢出用省略号显示

    white-space:nowrap; //溢出不换行

2. 两行文本超出隐藏(最后一行的数字代表需要几行文本超出隐藏)

    width:200px;

    overflow:hidden; 

    text-overflow:ellipsis;

    display:-webkit-box; 

    -webkit-box-orient:vertical;

    -webkit-line-clamp:2; 

备注:这些都需要设置div的宽度,否则没有办法进行超出文本隐藏设置。

上一篇下一篇

猜你喜欢

热点阅读