css - 使用标记行高度不起作用。为什么？

Question

<div style="line-height:25px;">
First line of the content<br />
Second line of the content<br />
Third line of the content<br />
</div>

在 a 中使用 break 标记时<div>， line-height 属性不适用于任何属性：

line-height:20px;
line-height:100%;
line-height:1.5;

现在这三行显示为默认行高，而不是指定的line-height25px。但如果<div>行之间不包含中断标记，则行高有效。如何覆盖这个？

Answer 1

由于<br />是内联元素，因此需要应用于line-height块元素，例如<p>.

<p style="line-height: 20px;">
This is some text<br />with a break tag.
</p>

你想看看这个关于<br />变成块元素的问题。