文本换行和溢出方案
- 0
#讨论区
00条评论
实时对话
loading...
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
css
.ellipsis{
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.ellipsis{
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
text-overflow: ellipsis;
}