html - 根据基线测量计算线高、边距等

Question

我已经获得了一组要打开的网页，设计师的其中一个规范是一组从字体基线开始的垂直测量值，即从基线到上面的块的高度是 50 像素，到块低于 30 像素。

如果我知道以像素为单位的字体大小，任何人都可以提出一种计算顶部和底部边距（和/或行高等）的方法。

Answer 1

line-height CSS 属性可以设置为数值。所以计算的行高将是数值 * 字体大小。如果将行高设置为 1，则行高将等于字体大小。这是一个字体大小的例子：20px

div {
font-size: 20px;
padding-bottom: 30px;
padding-top: 30px;
line-height: 1;
}