HTML中插入空行需用<br>标签、CSS margin、空<div>、line-height或 配合pre标签；<br>仅用于文本换行，margin推荐用于段落间距，空<div>适用于布局间隔，line-height调节行内间距， 加pre仅限特殊格式。
在HTML中，直接使用换行符或空格无法实现可视化的空行效果，因为浏览器会忽略多余的空白字符。以下是多种插入空行或控制垂直间距的方法：
一、使用 <br> 标签插入单次换行
br 标签是空元素，用于在文本流中强制产生一次换行，不增加额外间距，仅实现视觉上的分行效果。
1、在需要换行的位置插入 <br> 标签，例如：<p>第一行<br>第二行</p>。
2、若需多个空行，可连续使用多个 <br>，如 <br><br><br>。
立即学习“前端免费学习笔记（深入）”；
3、注意：<br> 不应被用于布局目的，仅适用于纯文本内的自然换行场景，例如诗歌、地址等。
二、使用 margin 属性设置段落间距
通过 CSS 的 margin 属性为块级元素（如 <p>、<div>）添加外边距，可精确控制上下间距，符合语义化与样式分离原则。
1、为段落添加下边距：<p style="margin-bottom: 20px;">内容</p>。
2、为相邻两个段落统一控制间距：<p style="margin: 10px 0;">段落一</p><p style="margin: 10px 0;">段落二</p>。
3、若需全局生效，可在样式表中定义：p { margin: 16px 0; }。
三、使用 <div> 配合 height 或 padding 创建空白容器
利用具有固定高度或内边距的空 div 元素，可生成可控的空白区域，适用于需要明确尺寸的间隔需求。
1、插入一个无内容的 div 并设定高度：<div style="height: 30px;"></div>。
2、使用 padding 实现内部留白：<div style="padding-top: 24px;"></div>。
3、推荐优先使用 height，因其更直观；避免在语义化内容区域滥用空 div，仅在布局必要时使用。
四、使用 line-height 调整行高以增大行间空隙
line-height 控制行内元素的基线间距，适用于段落内部多行文本的垂直松紧度调节，间接影响视觉空行感。
1、为段落设置较大行高：<p style="line-height: 2.0;">这是一段多行文字</p>。
2、使用像素值精确控制：<p style="line-height: 32px;">文字内容</p>。
3、注意：该属性作用于文本行框，不会改变段落自身的 margin 或 padding，仅影响行内垂直对齐空间。
五、使用 与预格式化标签组合模拟空行
是不换行空格字符，单独使用无效；但配合 <pre> 或 white-space: pre 样式时，可保留空白符渲染，实现特定排版下的空行表现。
1、将空格与换行写入 <pre> 标签：<pre> </pre>。
2、使用内联样式强制保留空白：<div style="white-space: pre;"> </div>。
3、此方法兼容性受限且语义模糊，不建议用于常规页面布局，仅适用于代码展示或特殊文本格式场景。
