单行
{
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
多行
{
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 5(显示几行);
-webkit-box-orient: vertical;
}
这篇文章介绍了如何使用CSS来处理文本溢出的情况。对于单行文本,可以结合`overflow`,`white-space`,和`text-overflow`属性实现隐藏并显示省略号。对于多行文本,利用`-webkit-line-clamp`和`-webkit-box`属性可以限制显示的行数,从而达到文本截断的效果。
单行
{
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
多行
{
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 5(显示几行);
-webkit-box-orient: vertical;
}
311
3530

被折叠的 条评论
为什么被折叠?