CSS属性补充
# white-space
white-space
属性用于设置空白处理和换行规则,常见取值以及说明
- normal: 合并所有的连续空白,允许单词超屏时自动换行
- nowrap: 合并所有的连续空白,不允许单词超屏时自动换行
- pre: 阻止合并所有连续的空白,不允许单词超屏时自动换行
- pre-wrap: 阻止合并所有连续的空白,允许单词超屏时自动换行
- pre-line: 合并所有连续的空白但是保留换行,允许单词超屏时自动换行
# text-overflow
text-overflow
通常用来设置文字溢出时的行为,常见取值以及说明
- clip: 移除的内容直接裁减掉,字符可能会显示的不完整
- ellipsis: 溢出的那行结尾处用省略号表示
text-overflow
生效的前提是 overflow 不为 visible, 常见的是将white-space
,text-overflow
,overflow
一起使用
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
1
2
3
2
3
上次更新: 2022/08/03, 08:35:34