今天做项目发现几张图片下面莫名有空白,但是仔细一下不就是一个div包裹3个img吗?没事做margin啊,头发掉落几根,查无头绪,尝试设置行高,减少了一个px。嗯。。。看来此事并不简单。
后经查证,原因: img 是行内元素,由于基线的问题导致的。
解决办法:
1.img 设置为block级元素
2.img vertical-align设置为top
今天做项目发现几张图片下面莫名有空白,但是仔细一下不就是一个div包裹3个img吗?没事做margin啊,头发掉落几根,查无头绪,尝试设置行高,减少了一个px。嗯。。。看来此事并不简单。
后经查证,原因: img 是行内元素,由于基线的问题导致的。
解决办法:
1.img 设置为block级元素
2.img vertical-align设置为top