天蚕在你身边

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

我们存在,我们思索,我们不断进取首页 >> 资讯信息 >> 天蚕推荐书籍
天蚕网络:网站建设中如何用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 渝ICP备09007657号-7

网警备案号:500103015-00277

弹子石网站建设云阳网站建设万州网站建设大足网站建设秀山网站建设梁平网站建设万盛网站建设永川网站建设
江北网站建设北碚网站建设巴南区网站建设九龙坡网站建设沙坪坝网站建设大渡口网站建设南坪网站建设渝北网站建设
江津网站建设渝中区网站建设
银行线路安全整理公墓管理系统 重庆软件开发公司重庆立信重庆土鸡销售重庆网络公司重庆网站制作公司公墓管理系统重庆建筑加固

渝公网安备 50010302000874号