img 標籤不像 div 一樣是「區塊元素」，而是一個比較像文字的「內文元素」（inline element），也就是像是文字一樣。
而為了讓像 y、g、j 這樣文字可以正常地顯示「尾巴」，所以在文字底下會有一些空隙讓文字能正常顯示。
但對圖片來說，這個「空隙」通常不是我們想要的。
解決方式有：
一、
1. 把 img 設定「區塊元素」：display: block。
2. 把 img 設為「垂直置底」：vertical-ailgn: bottom。
二、不要直接用圖片標籤（img），以 CSS 背景圖片（background-image）的方式呈現，就不會有這個問題了。這是為什麼呢？因為「背景」基本上都是設在 DIV 這類的「區塊元素」裡，所以也不會有「內文元素」的問題了。
