消除img圖片之間的間隔

作者:烽行天下

<img>是HTML里的最基本,最常用的元素。我們平常插入圖片就全靠它了。

但是我今天發現一個問題就是在連續插入圖片時,它們之間有一定的間隔,無論怎么設置都無法消除。

網上的普遍做法是img{margin:0;padding:0;border:0;}嘿嘿!你以為真那么簡單,自己試試就知道了,還是有間隔。

最后再查了資料,發現這個img是行內元素,它默認是以baseline對齊的,這個baseline一般瀏覽器默認是5px。

現在知道原因了我們就容易解決,我們可以設置font-size:0;這樣就可以消除間隔。

我們還可以設置line-hight小于5px,也能實現無間隔。

四川时时彩在线投注