html 如何空行_在HTML中插入空行或间距【间距】

HTML中插入空行需用标签、CSS margin、空、line-height或 配合pre标签；仅用于文本换行，margin推荐用于段落间距，空适用于布局间隔，line-height调节行内间距， 加pre仅限特殊格式。

在HTML中，直接使用换行符或空格无法实现可视化的空行效果，因为浏览器会忽略多余的空白字符。以下是多种插入空行或控制垂直间距的方法：

一、使用
标签插入单次换行

br 标签是空元素，用于在文本流中强制产生一次换行，不增加额外间距，仅实现视觉上的分行效果。

1、在需要换行的位置插入
标签，例如：

第一行
第二行

2、若需多个空行，可连续使用多个
，如


。

立即学习“前端免费学习笔记（深入）”；

3、注意：
不应被用于布局目的，仅适用于纯文本内的自然换行场景，例如诗歌、地址等。

二、使用 margin 属性设置段落间距

通过 CSS 的 margin 属性为块级元素（如

、

）添加外边距，可精确控制上下间距，符合语义化与样式分离原则。

1、为段落添加下边距：

内容

2、为相邻两个段落统一控制间距：

段落一

段落二

3、若需全局生效，可在样式表中定义：p { margin: 16px 0; }。

三、使用

配合 height 或 padding 创建空白容器

利用具有固定高度或内边距的空 p 元素，可生成可控的空白区域，适用于需要明确尺寸的间隔需求。

标签： css html 浏览器

本文地址： https://www.fsgp.cn/p/baike/62942.html

版权声明：除非特别标注，否则均为本站原创文章，转载时请以链接形式注明文章出处。