使用标签可实现换行,连续使用产生空行效果;2. 用<p>标签通过默认margin形成自然空行,语义清晰;3. 推荐用CSS的margin、line-height和padding精确控制间距;4. 避免滥用空段落或,应保持HTML结构语义化,优先通过CSS控制样式。

在HTML中添加空行或控制文本间距,常用的方法是使用 <br> 标签和段落标签 <p>,也可以结合CSS来更精确地控制间距。
1. 使用 <br> 标签换行
如果只是想在文本中插入一个简单的换行(类似回车),可以使用 <br> 标签。它不会产生空段落,但可以让内容在下一行显示。例如:
<p>第一行内容<br>第二行内容<br>
<br>这里有两个换行</p> 注意:连续使用多个 <br> 可以实现“空行”效果,但不推荐过多使用,不利于结构化排版。
2. 使用段落标签 <p> 实现自然空行
浏览器默认会给每个 <p> 段落之间添加一定的上下边距(margin),因此使用多个 <p> 标签会自然形成空行效果。例如:
<p>这是第一段</p><p>这是第二段(前面有空行)</p> 这种方式语义清晰,适合正文排版,空行的大小可通过CSS调整。
3. 用CSS控制间距(推荐)
更规范的做法是使用CSS来控制行高、段落间距,而不是依赖多个 <br> 或空段落。常用方法包括:
立即学习“前端免费学习笔记(深入)”;
- 设置 margin:控制段落之间的空白距离
- 设置 line-height:控制行与行之间的高度
- 使用 padding:增加元素内部留白
示例:
<p style="margin-bottom: 20px;">这段文字下方有20像素的空白</p><p>下一段内容</p>
4. 避免使用空格或多个空段落
不要通过插入空的 <p></p> 或大量 、<br> 来制造空行,这会影响代码可读性和网页结构,对无障碍访问也不友好。 应优先使用CSS进行样式控制,保持HTML语义清晰。基本上就这些。合理使用 <br> 和 <p>,再配合CSS,就能灵活控制HTML中的空行和间距。











