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>

关于在 <div> 中使用 break 标签，行高属性不适用于任何属性:

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

现在这三行以默认行高显示，而不是指定的line-height。 25px。但是如果<div>行之间不包含换行标记，行高有效。如何覆盖它？

Answer 1

自 <br />是行内元素，需要申请line-height到 block 元素，例如 <p> .

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

你想看this关于转向的问题<br />成一个 block 元素。