圖片放進 div 裡為什麼底下會多一段空白

圖片放進 <div> 後，如果底下多出一小段空白，可以加上以下樣式：

img {
  display: block;
}

2026 年後記

<img> 預設是行內元素，會參與文字的基線對齊，因此底部可能留下空間。將它改為區塊元素後，就不再使用這套對齊方式。