html布局中图片之间下面有空白间隙如何解决

1、打开hbuilder,写入html布局，基本样式，点击预览。

2、发现图片之间，图片下面有空白间隙。

3、设置图片的垂直对齐方式vertical-align，发现图片下方空白消失。

1、把图片设置成块状元素，设置display: block，间隙都没有了，但是布局又发生了变化，不是很完美。

1、发现方法1只消除了图片下方的空白间隙，但是图片与图片之间的间隙并没有消失，方法2空白间隙都消失了，但是布局变了，都不是最好的解决方案，这个时候，我们需要给父级设置font-size：0，发现所有的空白都没有了，完美解决！