提问者:小点点

未级联到<tables>的相对行高度


因此,我在标记上设置全局字体大小和行高,因此所有默认正文副本都是14px1.3em行高。

问题是,由于我的表具有较大的字体大小,它不是继承相对行高,而是从标记中获取计算值。 因此,案文重叠:

这里有一个代码笔:https://codepen.io/theDigitalMC/pen/xxzjjyy

<body>
<style type="text/css">
body {
  font-size:13px;
  line-height:1.3em
}

td {
  font-size:30px
}
</style>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tbody>
    <tr>
      <td>This Is Text<br>On Two Lines</td>
    </tr>
  </tbody>
</table>
</body>

有没有更好的方法来做到这一点,我并不是真的想做body*{line-height:1.3em}但它似乎是最好的解决方案。


共1个答案

匿名用户

如果希望行高与字体大小保持恒定比率,请不要使用相对em单位。 只需设置line-height:1.3即可。

null

body {
  font-size:13px;
  line-height:1.3;
}

td {
  font-size: 30px;
}
<!DOCTYPE html>
<html>
<head></head>
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tbody>
    <tr>
      <td>This Is Text<br>On Two Lines</td>
    </tr>
  </tbody>
</table>
</body>
</html>