因此,我在标记上设置全局字体大小和行高,因此所有默认正文副本都是
14px
和1.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}
但它似乎是最好的解决方案。
如果希望行高与字体大小保持恒定比率,请不要使用相对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>