浮动时锚固尺寸增加

Question

图像尺寸固定为42 * 42。但是如果我们将鼠标悬停在inspect元素中的锚标签上，则大小显示为42 * 46。为什么锚标签的大小会增加？是因为我使用浮动吗？

<a href="https://www.w3schools.com" 
style="float:left"><img src="https://www.w3schools.com/tags/smiley.gif" alt="Smiley face" width="42" height="42"></a>

Answer 1

这是因为display的{​​{1}}和vertical-align。在以下工作中设置img：

vertical-align