在<textarea>上显示多行单词，但在＆lt; div＆gt; </textarea>中显示单行

Question

假设我输入<textarea>：
的我
爱
您

然后我将它保存到phpMyAdmin数据库。然后我使用MySQL从数据库中检索它并将其显示在<div>上。现在<div>中显示的输出是：
我爱你

如何使<div>显示与数据库字段和具有多行的textarea完全相同？

Answer 1

如果文本的存储方式与输入<textarea>完全相同（即它仍然包含换行符;请通过查看页面来源进行检查），您可以使用CSS属性white-space: pre在<div>上。

见jsFiddle example;请注意，由于在第二个<div>中使用了white-space属性，两个<div>标记的内容是如何相同，但会产生不同的输出。

Answer 2

使用<br>标记替换行返回。

Answer 3

如果textarea支持使用HTML标记（类似于我现在正在输入的Stack Overflow应答框），那么您可以输入：

I <br>
love <br>
you

它会以你想要的方式呈现。