Skip to content

white-space的用法

TIP

white-space属性用于控制元素内部文本的空白处理方式。

  • normal:默认值,连续的空白字符会被合并为一个空格,换行符会被当作空格处理。
  • nowrap:连续的空白字符不会被合并,文本会在同一行上显示,直到遇到换行符为止。
  • pre:连续的空白字符不会被合并,文本会按照实际的换行和空白字符显示。
  • pre-wrap:连续的空白字符不会被合并,文本会按照实际的换行显示,但是长单词会超出容器边界换行。
  • pre-line:连续的空白字符会被合并为一个空格,文本会按照实际的换行显示,长单词会超出容器边界换行。

您可以通过在CSS样式中使用white-space属性来设置文本的空白处理方式,例如:

css
p {
  white-space: nowrap;
}

这将使<p>元素中的文本在同一行上显示,直到遇到换行符为止。您可以根据需要选择适合的white-space值来控制文本的空白处理方式。

Released under the MIT License.