创晟网络-孝感网站建设专家!-孝感网络公司-随州网站建设-孝感做手机网站-武汉网站建设-黄冈网站优化-孝感OA办公系统开发-孝感公排系统-湖北互助平台开发
新闻资讯
您的位置:网站首页 >> 新闻资讯 > 技术文档

解决图片外面多余空白的方法

发布者:admin 发布时间:2014-11-12 阅读:2434次

解决图片外面多余空白的方法

可能是浏览器的兼容问题,经常会出现网站图片外面有多余空白的情况,这样会严重影响视觉效果。下面孝感网站建设专家——创晟网络技术有限公司与你一起分享解决图片外面多余空白的方法

1、设置图片的浮动属性为left

2、设置父对象的文字大小为0px。即,在#sub中添加一行:font-size:0;很显然,如果父对象是一个DIV,那么里面的文字全部是0像素。将会看不到。在进行验证的时候也不会通过。

3、设置图片的垂直对齐方式。即设置图片的vertical-align属性为「top,text-top,bottom,text-bottom」也可以解决。其他的元素将会依据图片的边框排列,而不是出现空白。

4、将图片转换为块级对像。例子:img {display:block;}

5、改变父对象的属性
如果父对象的宽、高固定,图片大小随父对像而定,那麽可以设置:overflow:hidden;来解决。

以上是孝感网站建设专家——创晟网络技术有限公司与你分享的解决图片外面多余空白的方法,你可以选择适合网站自身情况的方法来做。

孝感创晟网络技术有限公司   Copyright ©2011-2020  All Rights Reserved   备案编号:鄂ICP备13016096号-1   
《企业法人营业执照》注册号:420900000026289   地址:湖北省孝感市乾坤大道特1号   24小时服务电话:13733494239
点击收缩

咨询热线

13733494239
创晟网络