在 div 中的文本如何换行

Question

在文本域中，可以使用例如 
 的方式插入换行符，但是如果不使用html标签（像\n这样的纯文本），我该如何在 div 元素中实现相同效果？

- user3681138

---

\n || \r || "\n" || "\r"\n || \r || "\n" || "\r" - SpYk3HH

它不能在 div 元素内工作。 - user3681138

添加 white-space: pre; CSS 规则。 - user1180790

Answer 1

你可以使用CSS让HTML将新行识别为换行符。 只需将"white-space"属性设置为"pre":

div {
    white-space: pre;
}

演示

- AstroCB

---

包括 IE6 在内的所有浏览器。 - mrdommyg

在从文本区域获取文本值并应用于一个 div 元素时，可以使用以下优秀的解决方案。额外的技巧：使用 pre-wrap 属性可以使单词换行属性按需工作（支持 IE8+）。 - Mark

我不得不使用 white-space: pre-wrap，以便在 Chrome 上正确工作。 - hriziya

你可以使用 pre-wrap 属性 https://www.w3schools.com/cssref/pr_text_white-space.asp - onmyway133

这正是我所寻找的。谢谢。 - Hardik