CSS 常用样式场景—收集

164 阅读1分钟

文本超出省略

1、一行省略

white-space: nowrap; /* 不换行 */
overflow: hidden; /* 超出隐藏 */
text-overflow: ellipsis; /* 超出部分显示省略号 */

2、多行超出省略

display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5; /* 指定显示文本的行数 */
overflow: hidden; /* 超出隐藏 */
text-overflow: ellipsis; /* 超出部分显示省略号 */