＜img＞清除默认间距

在DIV里放4张图片，可以看到图片上下左右会有默认间隙

可以看到，默认有空白间隙，红色框框标记部分。

如何清除？

1、在父容器DIV里设置font-size: 0px。此方法不适合DIV及子元素里有文本的情况，否则需要在文本单独设置font-size。

2、将元素设置为块元素，display: block。

3、设置元素的vertical-align: top和vertical-align: bottom属性，可以解决上下边距问题。

4、将元素的父容器DIV设置line-height: 0，可以解决上下默认边距问题。

5、将元素设置float: left;，可以解决左右边距问题。

6、元素不换行，不推荐，代码阅读不方便。