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

但是我今天发现一个问题就是在连续插入图片时,它们之间有一定的间隔,无论怎么设置都无法消除。

网上的普遍做法是img{margin:0;padding:0;border:0;}嘿嘿!你以为真那么简单,自己试试就知道了,还是有间隔。

最后再查了资料,发现这个img是行内元素,它默认是以baseline对齐的,这个baseline一般浏览器默认是5px。

现在知道原因了我们就容易解决,我们可以设置font-size:0;这样就可以消除间隔。

我们还可以设置line-hight小于5px,也能实现无间隔。