智齒（Wisdom teeth）是人類的第三顆磨牙。在一些人身上，智齒是在十幾歲和二十出頭時(shí)長(zhǎng)出來(lái)的，但是一些人可能一直沒(méi)有智齒。有些人臉部的空間并不足以讓智齒長(zhǎng)出來(lái)，這就導(dǎo)致智齒堵塞，增加了口腔問(wèn)題的風(fēng)險(xiǎn)。

對(duì)于Web開(kāi)發(fā)者而言，有時(shí)候會(huì)遇到“智齒”的麻煩：圖片的外部空白。幸運(yùn)的是，我們可以使用css進(jìn)行處理并去除這些不必要的智齒。

如下代碼可以讓你輕松快速地進(jìn)行圖片的智齒去除：

img {
display: block;
max-width: 100%;
height: auto;
margin: 0 auto;
}

代碼解釋：

display: block; 屬性使得圖片成為塊級(jí)元素。這確保了任何可能的外部空白不會(huì)與其余文本重疊。

max-width: 100%; 屬性確保從圖片的父元素中繼承的寬度最大不超過(guò)100%，這樣，無(wú)論圖片有多大，都不會(huì)超出其容器的邊界。

height: auto; 屬性保持圖片的高度與寬度自適應(yīng)比例相一致，以保持原始的圖像形狀。

margin: 0 auto; 屬性將圖片在其容器中居中顯示。

使用這些樣式，你就可以輕松快速地去除圖片的外部空白了。