天蚕重庆网络公司编者语：我们在网站建设中，常遇到图片的间隙，或者产品图片在展示中，效果里有总有一些空白的间隙，那么，如何处理这种间隙啦？天蚕网站建设公司来帮助您。下面我们先看看二张图，一张是没有处理效果前的，一张是处理后的效果。

如上图，绿色框框的区域，可以看出图片的间隙。

如上图，通过CSS我们将图片之间的间隙已清除。

实现以上效果，有三种方法，可以实现，下面来看看，具体是如何操作的。

方法1：

img{display:block;}

方法2：

img{vertical-align:top;}

除了top值，还可以设置为text-top | middle | bottom | text-bottom，甚至特定的<length>和<percentage>值都可以

方法3：

#test{font-size:0;line-height:0;}

#test为img的父元素

备注：运行环境都为Standard mode

天蚕重庆网络公司：http://www.cnjl.net网站建设、网站制作、网页设计、公墓管理软件/公墓管理系统/公墓软件/公墓系统、陵园软件/陵园系统、政协提案系统、汽车经纪业务管理系统/汽车经纪软件、物管软件/物管理系统/物管收费系统/物业管理软件/物业管理系统、域名、虚拟空间
立即购买