內聯元素之間有空隙的解決方案
摘要：
首先看三張圖
圖片高度46px
文字高度14px，已設定line-height: 1;
父元素高度為auto，也就是圖片中顯示的64px, 按理來說，高度應該 是圖片(46px) + 文字(14px) = 60px，那多出來的4px是哪...
首先看三張圖
圖片高度46px
文字高度14px，已設定line-height: 1;
Line"/>
父元素高度為auto，也就是圖片中顯示的64px, 按理來說，高度應該 是圖片(46px) + 文字(14px) = 60px，那多出來的4px是哪來的？
解決方法
- 設定文字的行高，line-height: 1;
- 可能是換行符引起，建議：如果行內元素少，就不要換行了，如果換行，就在行內元素之間加上註釋
<span></span><!-- --><span></span> - 設定父元素的font-size: 0;
最終效果
解決！