CSS中有没有办法从em计算线高？

Question

假设我希望img与文本行的高度相同。有没有办法设置它。我的第一个想法是这样的：

<table>
    <td>
        <img src="pict.png" style="height: 1em"/>
        <img src="pict.png" style="height: 1em"/>
    </td>
    <td>
        The text<br/>
        The second line<br/>
    </td>
</table>

然而，在该示例中，图片的高度小于线。几行之后，差异变得非常明显。有没有人有任何建议？

此外，看起来我的字体1.15 em大约等于行高。这对任何人都有意义吗？

Answer 1

您的图片与示例中的文字行高度相同。 （see it here）。 如果项目中的外观不同，您可以尝试在表格中设置line-height: 1em，并确保font-size: 1em。

第二部分： 我希望这个图像有助于解释行高和字体大小之间的关系：

Answer 2

我认为您需要使用JavaScript。