html换行的几种方式

发布时间 2024-01-11 14:24:02作者: codingly

建议:不管采用哪种方式,就单一的选择一种,尽量保持编码的一致性,在写js处理页面的时候,也方便。

html换行:<br>标签

<br>标签是最简单的换行符,示例:

<div> 
这是一段换行的示例。
这是<br>一段换<br>行的示例。
</div>

 

使用<p></p>进行html的换行。

在一些富文本编辑器里,换行用的并不是<br>标签,而是<p></p>标签,<p></p>也能实现换行的效果。

比方CKEditor4中,随便敲一个换行,源码都是

<p>&nbsp;</p>

这样的好处,正如开头讲的,方便js进行html页面的文本处理。

所以,再次建议保持编码的统一性。

 

<pre>标签可以保留文本原有的空白符(空格和换行符)。

但不建议使用,因为<pre>标签,会在其他譬如插入代码的场景使用,如果有插入代码的需求,跟文本换行混在一起,杂乱无章,所以不推荐使用。

blessingofwisdom.com