感谢阅读本文 · 欢迎在下方留言交流你的想法
探索更多文章 →共 0 条
white-space
| 是否能发挥作用 | 换行符 | 空格 | 自动换行 | |
|---|---|---|---|---|
| normal | × | ×（合并） | √ | √ |
| nowrap | × | ×（合并） | × | √ |
| pre | √ | √ | × | √ |
| pre-wrap | √ | √ | √ | √ |
| pre-line | √ | ×（合并） | √ | √ |
normal | nowrap | pre | pre-wrap | pre-linenormal | break-all | keep-all
word-break的补充，它有两个值：normal | break-wordcss.ellipsis{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
css
.ellipsis{
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
text-overflow: ellipsis;
}