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

偷偷努力，悄无声息地变强，然后惊艳所有人！哈哈，小伙伴们又来学习啦~今天我将给大家介绍《如何在 DIV 中保留文本中的换行符？》，这篇文章主要会讲到等等知识点，不知道大家对其都有多少了解，下面我们就一起来看一吧！当然，非常希望大家能多多评论，给出合理的建议，我们一起学习，一起进步！

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

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

解决方案：

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

代码示例：

div {
  white-space: pre-wrap;
}

效果：

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

终于介绍完啦！小伙伴们，这篇关于《如何在 DIV 中保留文本中的换行符？》的介绍应该让你收获多多了吧！欢迎大家收藏或分享给更多需要学习的朋友吧~golang学习网公众号也会发布文章相关知识，快来关注吧！