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

CSS如何设置文字显示两行


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


文章来源地址https://www.yii666.com/learning/web/171.html


文章地址https://www.yii666.com/learning/web/171.html网址:yii666.com<文章来源地址:https://www.yii666.com/learning/web/171.html

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


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


网址:yii666.com



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

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

    支付宝扫一扫打赏

    微信图片_20190322181744_03.jpg

    微信扫一扫打赏

    请作者喝杯咖啡吧~

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

    二维码1

    zhifubaohongbao.png

    二维码2

    zhifubaohongbao2.png