深圳网站建设设计logo

    也许是浏览器的兼容问题，经常会出现网站图片外面有多余空白的情况，这样会严重影响视觉效果。下面深圳网站建设专家就来分享解决图片外面多余空白的方法。

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

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

本文出自：http://www.gengliu.com/news/5419b0d2-2258-4285-a9f7-84a5351c99ce.htm

由深圳网站建设公司更流网络供稿，转载请注明出自，谢谢！

本文关键字：网站制作技巧