white-space 属性是 CSS 中用于控制元素内空白字符处理方式的属性。它决定了文本如何处理空格、换行符以及制表符等空白字符。

语法如下：
white-space: normal | nowrap | pre | pre-line | pre-wrap | break-spaces | inherit;

常见的取值包括：

  •  normal：默认值，合并连续的空白字符，忽略换行符，文本在需要时换行。

  •  nowrap：合并连续的空白字符，禁止文本换行。

  •  pre：保留连续的空白字符，保留换行符，文本在需要时换行。

  •  pre-line：合并连续的空白字符，保留换行符，文本在需要时换行。

  •  pre-wrap：保留连续的空白字符，保留换行符，文本在需要时换行。

  •  break-spaces：按照空格换行，保留连续的空白字符。

  •  inherit：继承父元素的 white-space 值。


下面是一个简单的例子，演示了如何使用 white-space：
.normal {
  white-space: normal; /* 合并空白字符，允许换行 */
}

.nowrap {
  white-space: nowrap; /* 合并空白字符，禁止换行 */
}

.pre {
  white-space: pre; /* 保留空白字符，保留换行符 */
}

.pre-line {
  white-space: pre-line; /* 合并空白字符，保留换行符，允许换行 */
}

.pre-wrap {
  white-space: pre-wrap; /* 保留空白字符，保留换行符，允许换行 */
}

.break-spaces {
  white-space: break-spaces; /* 按照空格换行，保留连续的空白字符 */
}

在这个例子中，不同类的元素展示了不同的 white-space 属性取值效果，从而影响了空白字符的处理方式。


转载请注明出处：http://www.zyzy.cn/article/detail/4273/CSS