Html 嵌套在标记中的img标记：第一个标记的大小问题

我将一个img标记嵌套到一个a标记中。以下是html：

img{
边缘底部：40px；
}
a节：第n种类型（1）{
背景：绿色；
高度：100px；
宽度：200px；
}

---

我猜这是一个空白问题。浏览器为标记之间的每一行空格/制表符呈现一个空格

试试这个：

<section><a href="https://www.adelaide.edu.au/" target="_blank"><img src="../image/soccerAndWorldCup.jpeg" alt="uniAdelaideLogo"></a><a href="https://www.w3schools.com/html/" target="_blank">w3school</a></section>

---

显示：内联

忽略

宽度

和

高度

属性<代码>内联块没有

因此，如果将

a

保持为默认值

inline

，则其宽度将完全由其内容决定（内部

img

），其高度将是一行的默认值。由于整个框将高于该框，因此

a

将出现在

img

的底部（在img的边距内）。实际上，

img

位于

a

中，但溢出

---

这能解释问题吗？

谢谢你的评论。我试过了，但似乎不起作用。还是谢谢你。显示：内联块起作用。我只是想再次检查一下这是正确的理解还是巧合。非常感谢。看来我的理解是正确的。