html换行符\n不起作用

1,909 阅读1分钟

如题

换仿佛\n已经添加到文案中了,但是不起作用。

br标签没有问题。

原因很有可能是因为其父级标签的white-space没有进行设置。

我们可以通过设置white-space属性来控制文本内的换行符和空白符的作用


  • normal

  • 连续的空白符会被合并,换行符会被当作空白符来处理。换行在填充「行框盒子(line boxes)」时是必要。

  • nowrap

  • 和 normal 一样,连续的空白符会被合并。但文本内的换行无效。

  • pre

  • 连续的空白符会被保留。在遇到换行符或者<br>元素时才会换行。 

  • pre-wrap

  • 连续的空白符会被保留。在遇到换行符或者<br>元素,或者需要为了填充「行框盒子(line boxes)」时才会换行。

  • pre-line

  • 连续的空白符会被合并。在遇到换行符或者<br>元素,或者需要为了填充「行框盒子(line boxes)」时会换行。