浮动时锚点大小增加

Anchor size increases on float

图片尺寸固定为42*42。但是,如果我们将鼠标悬停在检查元素中的锚标记上,大小将显示为 42*46。为什么锚标签的大小会增加?是因为我用的是float吗?

<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>

是因为imgdisplayvertical-align。在以下作品上设置 vertical-align

<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" style="vertical-align: middle;" />
</a>