抚州OA
联系方式
成都公司：成都市成华区建设南路160号1层9号
重庆公司：重庆市江北区红旗河沟华创商务大厦18楼
解决图片外面多余空白的方法
admin
也许是浏览器的兼容问题，经常会出现网站图片外面有多余空白的情况，这样会严重影响视觉效果。下面抚州网站建设专家就来分享解决图片外面多余空白的方法。
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;来解决。
以上都是解决图片外面多余空白的方法，你可以选择适合网站自身情况的方法来做。
本站推荐
相关文章：
下一篇：建设网站一般需要几个版本
相关推荐
-
点击按钮改变网页背景图片2025-09-29 12:17:58
-
反馈留言不能转发到指定邮箱的解决办法2025-09-29 12:02:54
-
三种方法使PHP生成静态html文件2025-09-29 11:57:00
-
.jpg)
新余视频网站解决方案2025-09-29 11:50:52
-
新余网站建设网站建设项目解决方案2025-09-29 11:48:00
-
企业集团网站建设解决方案2025-09-29 11:35:53
最新文章
-
网站建设中JavaScript的书写规范2025-09-29 12:45:02
-
解决图片外面多余空白的方法
2025-09-29 12:45:01
-
创建网站地图要注意的问题
2025-09-29 12:42:02
-
网站设计如何大方简洁
2025-09-29 12:42:01
-
CSS压缩方法及技巧
2025-09-29 12:42:00
-
浅谈网站建设的基本步骤
2025-09-29 12:41:59