共计 607 个字符，预计需要花费 2 分钟才能阅读完成。
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/diary/web/171.html
文章来源：https://www.toymoban.com/diary/web/171.html
CSS 如何设置一行文字，超出隐藏
.text{
/* 超出省略号 */
text-overflow: ellipsis;
/* 溢出隐藏 */
overflow: hidden;
/* 禁止换行 */
white-space: nowrap;
}到此这篇关于 CSS 如何设置文字只显示两行, 并且超出隐藏? 的文章就介绍到这了, 更多相关内容可以在右上角搜索或继续浏览下面的相关文章，希望大家以后多多支持 TOY 模板网！
原文地址:https://www.toymoban.com/diary/web/171.html
如若转载，请注明出处：如若内容造成侵权 / 违法违规 / 事实不符，请联系站长进行投诉反馈，一经查实，立即删除！
正文完
