1 text-overflow: ellipsis; 2 height: 35px; 3 display: -webkit-box; 4 overflow: hidden; 5 -webkit-line-clamp: 1; /*这里修改为要显示的行数*/ 6 -webkit-box-orient: vertical;
本文介绍如何使用CSS属性实现文本溢出时的省略效果,并控制文本显示的行数。通过设置text-overflow、overflow、display及-webkit-line-clamp等属性,可以有效地管理和美化长文本在网页上的展示。
1 text-overflow: ellipsis; 2 height: 35px; 3 display: -webkit-box; 4 overflow: hidden; 5 -webkit-line-clamp: 1; /*这里修改为要显示的行数*/ 6 -webkit-box-orient: vertical;
转载于:https://www.cnblogs.com/terminator404/p/5420428.html
2726

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