博客介绍了CSS实现文本超出显示省略号的方法。对于只显示一行的情况，使用overflow: hidden、text-overflow: ellipsis和white-space: nowrap；对于显示多行的情况，除前两者外，还需使用display: -webkit-box等属性，行数可调整。
CSS文本超出显示...（省略号）文本超出隐藏，并显示省略号（...）
1.只显示一行的情况：
overflow: hidden; // 超出的文本隐藏
text-overflow: ellipsis; // 溢出用省略号显示
white-space: nowrap; // 溢出不换行
2.显示多行的情况：
overflow: hidden;
text-overflow: ellipsis; // 溢出显示省略号
display: -webkit-box; // 弹性盒子
-webkit-box-orient: vertical; // 上下垂直排列
-webkit-line-clamp: 2; // 显示行数（数字可调整）
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
