css - 谜: React + Radium: 2 Phanton Pixels of extra height for no apparent reason

Question

我正在投影图像，然后检查它:

高度是20px。这是正确的。

然后我检查包含 img 的 data-radium 元素，令我惊讶的是:

尽管没有内容，该元素的高度“增长”了两个像素。此外，data-radium 元素没有填充，没有边距，我认为没有任何东西会增加高度。

有谁知道那些额外的 2 个像素从何而来？这让我抓狂。

Answer 1

由于我无法检查代码，所以我会尝试猜测:由于默认情况下图像是内嵌的，因此任何行高定义都会被继承。将图像设置为 block 元素可能会起作用，因为将行高设置为 1。