天蚕在你身边

不方便打电话?让天蚕联络你

我们存在,我们思索,我们不断进取首页 >> 资讯 >> 推荐书籍 >> DIV与CSS
天蚕网络:网站建设中如何用css清除图片左右或上下方的空白间隙

天蚕网络:网站建设中如何用css清除图片左右或上下方的空白间隙

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

图片空白间隙效果

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

图片空白间隙处理后

如上图,通过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网站建设、网站制作、网页设计公墓管理软件/公墓管理系统/公墓软件/公墓系统、园软件/陵园系统政协提案系统汽车经纪业务管理系/汽车经纪软件物管软件/物管理系统/物管收费系统/物业管理软件/物业管理系统域名虚拟空间


地址:重庆市渝中区上清寺鑫隆达B座28-8

邮编:400015

电话:023-63612462

EMAIL:cnjl_net@163.com

2022 渝ICPB2-20040072

网警备案号:500103015-00277

渝中区网站建设江津网站建设渝北网站建设南坪网站建设大渡口网站建设沙坪坝网站建设九龙坡网站建设巴南区网站建设
北碚网站建设江北网站建设永川网站建设万盛网站建设梁平网站建设秀山网站建设大足网站建设天蚕网络动态