假设我希望 img 的高度与一行文本的高度相同。有什么方法可以设置它。我的第一个想法是这样的:
<pre><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>
</pre>
但是，在那个例子中，图片的高度小于线条。几行之后，差异变得非常明显。有人有什么建议吗？
另外，对于我的字体来说，1.15 em 大约等于行高。这对任何人都有意义吗？
最佳答案
您的图片与示例中的文本行高度相同。 (see it here)。
如果它在您的元素中看起来不同，您可以尝试在表格中设置 line-height: 1em，并确保 font-size: 1em。
关于第二部分:
我希望这张图片有助于解释行高和字体大小之间的关系:
关于css - CSS 中有没有一种方法可以从 em 计算行高？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/4307899/