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。