浮动时锚点大小增加
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>
是因为img
的display
和vertical-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>
图片尺寸固定为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>
是因为img
的display
和vertical-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>