根据高度计算航向边距

Question

我的正文包含line-height: 22px，我想使用line-height: 26px标题。另外，我定义margin-bottom: 18px以保持垂直节奏。但是，如果标题保持2行，则需要重新计算其边距（在我的情况下：14 = 66-26*2）。

如果可能的话，如何在纯CSS中执行它？

感谢。

Answer 1

如果我的问题是正确的，那么无论内容是什么，容器的左上角应始终为66px？

然后只是给有问题的容器一个66px的高度，没有任何余量？

h1 {
    line-height:22px;
    height:66px;
    border: 1px solid red; /* visibility purpose */
    margin:0px;
}

<h1>foo</h1>
<h1>bar<br/>baz</h1>
<h1>foo</h1>
<h1>foo</h1>

这看起来像是第二个标题的“重新计算的边距”。（如果为了可见性而添加的边框被删除）

https://jsfiddle.net/qbvdorwn/