Html 链接标签内的图像

您好，我正在创建一个网站，同时将品牌标识放置在网页右上角的链接标签中。我遇到了这个问题

       <a href="#" >
          <img src='img.png'>

       </a>

       img {
           height: 50px;
           width: 50px;
         }

img{
高度：50px；
宽度：50px；
}

结果是一个标签即使标签中没有文本，包装图像的高度实际上也大于50px。但是当我给出字体大小：0时，它就起作用了

所以我需要的原因是什么导致链接标签采取更多的高度

请帮助我理解这些概念，而不仅仅是一些css代码

我有它的样品。请帮我做这个

好的，对不起，我从链接中得到了答案

---

谢谢

将

img

s

显示更改为
块

a {
    display:inline-block;
}
a img {
    display:block;
}

看到这个了吗

那么它有什么作用呢？链接内的图像具有默认的
显示
内联块
。设置为
显示：内联块的a。问题出在
a
元素中，这两个元素的组合加上空格

您可以使用两个嵌套的
内联块
div
s进行模拟，其尺寸仅在内部块上设置
 将图像的垂直对齐更改为
顶部
：默认值实际上是
基线
。之前在SO上的搜索可能有用垂直对齐定位标记没有效果。结果仍然相同。图像为90px；a为94px高度<代码>显示：块你的图像即使我给出了字体大小：0，它也能工作，但我需要这个概念