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模板网！
