如何让<div>自动在输入上判断一个新行?</div>

时间:2014-12-06 03:47:03

标签: html css

我的意思是,是否可以创建一个div,当你在div中键入内容时,它会自动为它检测到的代码中的每一个新行创建一个新行?例如,我想要这个:

<div>
    Hello, World!
    How are you doing today?
</div>

会返回

  

你好,世界!
  你今天过得怎么样?

实际上需要<br>或其他东西。我不想让数百万的它们用来制作简单的线条。我之前提供的代码确实输出了这个:

  

你好,世界!你今天过得怎么样?

我希望在代码输入时判断自动换行。这可能吗?

1 个答案:

答案 0 :(得分:4)

使用CSS white-space属性。

<div style="white-space:pre">
    Hello, World!
    How are you doing today?
</div>

请注意,这将保留所有空格,包括多个空格(例如缩进)。如果要折叠空格但仍然使用换行符来表示换行,可以使用pre-line值,尽管ie7中不支持此选项(如果这对您很重要)。

查看实时示例:http://jsfiddle.net/vyme6xs8/1/