编写此html:
lorem ipsum
lorem ipsum
lorem ipsum
浏览器显示:
lorem ipsumlorem ipsumlorem ipsum
有没有办法看到这个:
lorem ipsum
lorem ipsum
lorem ipsum
无需<br>
在每行末尾使用标记,也无需使用textarea。
我需要这样做,因为我有一个带有100.000个短行的文本,并且写入<br>
标签100.000次非常耗时。
您可以使用<pre>
标签来保持换行符。
<pre>
lorem ipsum
lorem ipsum
lorem ipsum
</pre>
pre
标签的默认样式是等宽字体,但是可以覆盖。
使用white-space: pre
CSS属性,无需任何额外的默认格式即可达到相同的效果。
<div style="white-space: pre">
lorem ipsum
lorem ipsum
lorem ipsum
</div>
还有其他几个值white-space
,但是您应该参考文档以选择最合适的一个。
请注意,pre
将所有换行符都视为相同,包括<pre>
或<div>
标记后的换行符。如果您不想要它们,则需要执行以下操作:
<div style=...>lorem ipsum
lorem ipsum
...
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句