如何通过 css 获得给定的基线到下一个上升器距离

Question

例如，我的<p>有一个font-size:20px和一个line-height:50px。 <h1>和<h2>还有其他一些值。我想要基线从我的<p>文本到字母顶部(升序(与下一个元素的距离，例如 h1或h2说是 35px。我如何通过 css 实现这一点？

使用边距总是给我行高之间的距离，而不是字母之间的距离。

Answer 1

您需要

重置所有元素的line-height, padding, margin。之后，padding-bottom:35px应用于元素 p，h1，h2。

 * {line-height:24px !important; padding:0; margin:0;}
 p,h1,h2{padding-bottom:35px;}

演示