<a>標籤的空間並不適合它的內容，如<img>標籤

<a href="#" style="background-color:red; padding:30px;"> 
<img src="cat.jpg" style="width:150px; vertical-align:bottom;"/></a>

該代碼將導致下面的圖片

我只是想知道爲什麼錨標記不不適合放大圖像的尺寸。如您所見，圖像溢出。我明白，如果我有「display：inline-block」，我會解決這個問題，但我想知道爲什麼會發生這種情況，因爲當您在錨標記中有文本時，該區域將根據其內容增長，如下圖所示

2016-07-22 kisung Tae

您可以在底部設置<a>標籤{ display: block; }

2016-07-22 02:50:59

的空間是IMG

a img { 
    line-height: 0; 
}

或者你也可以設置顯示IMG的行高：塊如果一個顯示塊太

2016-07-22 03:06:43

是的，我明白如何適應它，但我只想知道爲什麼錨標籤不會根據其內容增長其大小。你知道圖片溢出 –

回答