之前寫項目的時候圖片下面總是會出現(xiàn)3px的margin，之后再網(wǎng)上搜了一下才知道其原理及解決方法。

原理是：圖片底部的空隙實際上涉及行內(nèi)元素的布局模型，圖片默認的垂直對齊方式是基線，而基線的位置是與字體相關(guān)的，所以圖片底部的空隙有時是2px 3px或者更多，不同的font-size應該也會影響到空隙的大小，不同的瀏覽器也會對空隙的大小造成影響，在ff下為3px，IE6更多，而IE8剛好。


解決方式：
1、給img定義垂直對齊方式vertical-align為top或者bottom（定義為middle時在IE6還有1px上邊距）。
2、還有就是極端的方法就是設(shè)置font-size:0;不建議使用。