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

· 抚州OA

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

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;来解决。

以上都是解决图片外面多余空白的方法，你可以选择适合网站自身情况的方法来做。