如何在 DIV 中保留文本中的换行符?

如何在 div 中保留文本中的换行符?

文本换行符在 div 中显式的展示

html 中,纯文本中的换行符通常会在 div 中显示为空格。如果需要保留文本中的换行格式,可以通过 css 样式对其进行调整。

解决方案:

使用 css 中的 white-space 属性,将其设置为 pre-wrap,即可在 div 中保留文本的换行符。

代码示例:

div {
  white-space: pre-wrap;
}

效果:

使用此 css 样式后,即使纯文本中存在换行符,也会在 div 中按格式进行展示,换行符将被保留。

以上就是如何在 DIV 中保留文本中的换行符?的详细内容,更多请关注其它相关文章!