<!-- 固定行数,溢出部分显示为省略号-->. {
width: 100%;
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
<!--自动换行 -->
{
word-wrap: break-word;
word-break: normal;
}
本文介绍了一种使用CSS和HTML实现文本自动换行与固定行数显示的方法。通过特定的CSS样式设置,可以有效地控制文本的显示效果,包括在限定区域内实现文本溢出时显示为省略号。
<!-- 固定行数,溢出部分显示为省略号-->. {
width: 100%;
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
<!--自动换行 -->
{
word-wrap: break-word;
word-break: normal;
}
480
319
470

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