【CSS】11.CSS补充属性white-space和text-overflow

CSS补充属性white-space和text-overflow

1. white-space

white-space用于设置空白处理和换行规则

1.1 常用属性

• normal：合并所有连续的空白，允许单词超屏时自动换行
• nowrap：合并所有连续的空白，不允许单词超屏时自动换行
• pre：阻止合并所有连续的空白，不允许单词超屏时自动换行
• pre-wrap：阻止合并所有连续的空白，允许单词超屏时自动换行
• pre-line：合并所有连续的空白（但保留换行），允许单词超屏时自动换行

2. text-overflow

text-overflow通常用来设置文字溢出时的行为

2.1 常用属性

• clip：溢出的内容直接裁剪掉（字符可能会显示不完整）
• ellipsis：溢出那行的结尾处用省略号表示

常用来设置单行超出隐藏

div {
  overflow: hidden;
  text-wrap: nowrap;
  text-overflow: ellipsis;
}