Html 为什么不'；t A HREF标记中的IMG标记具有对齐的边框

中的标签

当我在firefox调试器中查看它时，它们都具有相同的宽度（图像的宽度）

但是，图像位于y=0，h=img的高度

然而，a标签的y值在0以下的某个位置（可能在图像下方的一半），其高度在图像下方的几个像素处

为什么会这样

它会在以后抛开布局，使一切变得混乱。
默认情况下，图像的底部位于

下图：
文本底部的图像：
该问题与

因为图像是内联的，这会将图像放在文本的基线上，不包括行高。也许人们会认为复制品不好，但你会找到一个非常解释的答案来理解这个空间。是的，这看起来是一个完美的复制品（你链接的答案是经过深思熟虑的）。很好，在我的辩护中，我确实搜索了历史，但它有点被掩埋了。谢谢你指出。我不认为“问题”这个词是好的，因为这不是一个问题，所以我不太同意你的内联块/块解决方案。。它之所以有效，是因为它改变了元素的性质，我想最好解释一下垂直对齐方式以及我们如何改变它。我认为这至少是一个非常实用的解决方案，它可以让html按照您“通常希望的方式”运行。谢谢@StephenHazel HTML/CSS并不意味着表现得像你想要的那样：）有些规则你只需要理解就可以了。了解它们比找到解决办法来避免它们要好；）@泰曼尼亚夫如果有规则的话！真见鬼，规则太多了！理解它们很好，但我已经做了5年的web开发人员和20年的后端开发人员，我仍然不完全理解它们：（我不确定是否有人真的这样做……为了更准确，它应该是
垂直对齐：文本底部；
…尝试一下，你会看到差异。我从“底部”或“文本底部”得到相同的结果。但我还是将其添加到了答案中，作为一个有效选项……它不是100%相同的……底部图像在边框上方，并且h文本底部不是..有1px的不同A，可能是不同的字体。你是对的，规则不是同义词，文本底部将其定位为“父元素字体的底部”，底部定位为“元素的底部”。根据这里的问题，“底部”可能就是所要求的。（不过，我很惊讶它与你的边界重叠；这似乎不应该是正确的。）很高兴看到这至少让更多的人感到困惑，而不仅仅是我。我感谢大家在这里帮助我。很抱歉，尽管你的回答很棒，但我的问题还是被重复了：(
<a href='#'><img src='images/x.png' border='0'></a>