Ankergröße erhöht sich auf Float

Question

Bildgröße ist auf 42 * 42 festgelegt. Wenn wir jedoch im inspect-Element auf den Anker-Tag zeigen, wird die Größe als 42 * 46 angezeigt. Warum erhöht sich die Größe des Anchor-Tags? Liegt es daran, dass ich Float verwende?

<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

es das display und vertical-align von img ist wegen. Einstellen des vertical-align auf den folgenden Arbeiten:

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