CSS如何设置文字只显示两行,并且超出隐藏?

 

原标题:CSS如何设置文字只显示两行,并且超出隐藏?

CSS如何设置文字显示两行


.text{
    display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* 这里是超出几行省略 */
}



CSS如何设置一行文字,超出隐藏


.text{
    /*超出省略号*/
    text-overflow: ellipsis;
    /*溢出隐藏*/
    overflow: hidden;
    /*禁止换行*/
    white-space: nowrap;
}




教你如何每天领取饿了么红包,饿了么优惠卷,饿了么会员?

教你如何每天领取美团红包,美团优惠卷,美团会员?

其他相关文章
    领支付宝红包赞助服务器费用
    微信公众号:小猪波罗蜜
    关注公众号,回复999,可联系站长解答疑问哦。每天分享更多有趣的事儿,有趣有料!
    99人已关注

    觉得文章有用就打赏一下文章作者

    支付宝扫一扫打赏

    微信图片_20190322181744_03.jpg

    微信扫一扫打赏

    请作者喝杯咖啡吧~

    支付宝扫一扫领取红包,优惠每天领

    二维码1

    zhifubaohongbao.png

    二维码2

    zhifubaohongbao2.png