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.toymoban.com/article/171.html


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


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




到此这篇关于CSS如何设置文字只显示两行,并且超出隐藏?的文章就介绍到这了,更多相关内容可以在右上角搜索或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

原文地址:https://www.toymoban.com/article/171.html

如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请联系站长进行投诉反馈,一经查实,立即删除!

领支付宝红包赞助服务器费用

相关文章

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

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

二维码1

领取红包

二维码2

领红包