Boostrap中的锚标记中的图像

Question

在Bootstrap中，我经历了一件关于锚标记内img的事情。

1）如果你检查锚标签，它将有高于img的高度。我找到了答案，因为img有显示块css。

2）那么我也不知道为什么最大高度超过img？那么如果我把显示块放到标签和img标签上，那么问题就解决了（两个高度相等）。

现在回到第1点）假设如果我从img中删除显示块，那么锚标签的高度将等于16px为什么？

然后如果你删除浏览器样式，如引导字体大小和默认字体大小和行高，那么锚标签高度移动到19px高度。 为什么？

Answer 1

在没有任何样式的情况下，<a>是内联元素，并且没有任何内容可以使它比标准高度变大（计算出的字体的行高），即使您放置<img>那里更大。
因此，当字体大小为16像素，行高为1.2时，您的图像高度为19像素<a>。

但是，如果将<img>的显示类型更改为block，则<a>不再是简单的行内元素。对于块内容，它本身就成为一个块，然后它将占据其内容的高度。 （这是块元素的作用。）

至于Bootstrap的大小;是的，Bootstrap css将字体大小设置为14px，因此高度将为16px。