为什么 `` 标签在 `` 标签中会使文本高出 4px？

HTML 标签 高出 4px 的潜在原因

在<p>标签中使用<br>标签时，文本可能比预期的高出 4px。这可能是由于以下原因造成的：

行内对齐

<br>标签是行内元素，这意味着它与文本在同一行。因此，即使标签之间没有空格，浏览器也会为行内元素提供一个基线。对于<p>标签，这个基线通常高于文本，因此会导致 <br>标签明显高出文本。

可能的解决方法

可以使用以下方法解决此问题：

• 为 <br> 标签设置 vertical-align: top，这将强制它与文本顶部对齐。
• 将 <br> 标签替换为块级元素，例如<div>或<span>。这样可以创建一个新的行，并消除行内对齐问题。
• 为<p>标签设置 font-size: 0，这将消除<br>标签的行内空间。
• 使用 Flexbox 或其他布局技术来控制元素的布局。

这些方法都可以有效解决 <br> 标签高出文本 4px 的问题。