任何一个网站建设与网站设计都没有办法在不同的媒体介质与运行平台下呈现出一模一样的视图效果，我们只能通过网站设计师与其他网站建设技术人员的共同努力尽可能多的保证我们的网站设计效果在最大程度上呈现预期效果。
今天我们就一起来探讨一下在网站设计中图片周围出现多余空白区域时的处理办法。
网站设计图片周围多余空白区域处理办法一：
使用如下 CSS 网站设计代码：
#sub img {display:block;}实现 img 图片的块级对象转化
网站设计图片周围多余空白区域处理办法二：
通过将图片的vertical-align属性设置为
top，text-top，bottom，text-bottom
即通过对图片的垂直对齐方式的设置来解决网站设计中的图片周围的多余空白区域
网站设计图片周围多余空白区域处理办法三：
可以通过改变父对象的属性来实现
网站设计图片周围多余空白区域处理办法四：
想要在网站设计中实现一个完美的图文混排效果，相信对图片进行浮动属性设置会是最好的选择之一。
