IMG标签的间距问题

①**问题：**包含img标签的div之间有间距——垂直方向上有间距

 **原因**：块级元素包含内联元素如图片文字等时，内联元素默认是和父级元素的baseline（基线）对齐的，而baseline又和父级元素底边有一定的距离（这个距离和**font**有关，不一定是5px），所以图片与父元素的底边有距离。 **解决方法**： （1）设置img的vertical-align属性为bottom； （2）给父元素div加上font-size:0的属性，既然这个距离和font有关，那么把字体大小设为0。 （3）设置img的display：block；由于内联元素才会有这个问题，就可以直接改为块级元素。不过如果是多张照片要在一行显示则不可以这样。 ②**问题**：img标签和img标签有间距——水平方向上有间距

 **原因:**多个img标签的左右间隙，是由于img标签是行内元素，而事实是当行内元素之间有“回车”、“tab”、“空格”等空白字符就会出现间隙。 **解决方法**： （1）去掉 标签之间的空格，将所用的 标签书写在同一行img （2）给父元素div加上font-size:0的属性 （3） 设置display: block;float: left;