本文详细介绍了如何使用CSS属性实现文本的自动截断并用省略号(...)表示，包括line-height、width、overflow、white-space和text-overflow等属性的组合运用。
line-height:24px;width:12em; overflow:hidden;
word-break:keep-all;/* 不换行 */
white-space:nowrap;/* 不换行 */
overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/
color:#666;
word-break:keep-all;/* 不换行 */
white-space:nowrap;/* 不换行 */
overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/
color:#666;
height:22px;
line-height:22px;
font-weight:400;
放到呈放文本外的标记样式里面。
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
