<style>
.mytext{
width: 50px;
display: -webkit-box;
word-break: break-all;
text-overflow: ellipsis;
overflow: hidden;
overflow-y: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
/*设置 需要显示的行数*/
}
</style>
CSS设置多余文字自动省略
最新推荐文章于 2024-07-24 10:23:02 发布
本文介绍了CSS中的Webkit盒模型和`word-break`、`text-overflow`属性,展示了如何使用它们来实现文本在有限宽度下的优雅换行和内容截断。
2694

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



