著名的img底部3像素問題

img標籤在HTML5和HTML4.0.1的嚴格模式渲染的時候，下面會有幾像素的空白。

原因

img標籤默認爲inline

inline元素一般爲文字，小寫字母g、y底部會多出一段，距離和字體大小有關

解決方法

• 設爲塊級元素

img {
  display: block;
}

• 字體設爲0

.img-content{
font-size:0
}

• 改變基線

img {
  vertical-align: middle;
}