《
img图片元素下多余空白解决方案》文章地址：http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302335N2013.htm
--> [
网站建设之]img图片元素下过剩空缺解决计划
在进行页面的DIV+CSS排版时，碰到IE6（当然有时Firefox下也会偶遇）阅读器中的图片元素img下呈现多余空白的问题相对是常见的对於 该问题的解决办法也是「见风使舵」，依据起因的不同要用不同的解决方法，这里把解决直接把解决image图片布局下边的多余缝隙的BUG的常用方法演绎， 供大家参考。
1、将图片转换为块级对像
即,
IIS日志分析工具之EXCEL数据透视表，设置img为：
display:block,
iframe应用技巧 保留垂直滚动条去掉水平滚动条;
在本例中增加一组CSS代码：
#sub img {display:block;}
2、设置图片的垂直对齐方法
即设置图片的vertical-align属性为「top，text-top，bottom，text-bottom」也能够解决。如本例中增添一组CSS代码：
#sub img {vertical-align:top;}
3、设置父对象的文字大小为0px
即，在#sub中增添一行：
font-size:0;
可以解决问题,
IE盒子模型和标准W3C盒子模型。但这也引发了新的问题,
IE的有条件注释优点和缺点，在父对像中的文字都无奈显示。就算文字局部被子对像括起来，设置子对像文字大小仍然可以显示，但在CSS效验的时候会提醒文字过小的过错。
4、转变父对象的属性
假如父对象的宽、高固定,
IE浏览器的Css if hack条件语法操作，图片大小随父对像而定,
IE浏览器Css if hack条件语法操作说明，那麽可以设置：
overflow:hidden;
来解决。如本例中可以向#sub中添加以下代码：
width:88px;height:31px;overflow:hidden;
5、设置图片的浮动属性
即在本例中增长一行CSS代码：
#sub img {float:left;}
如果要实现图文混排，这种方式是很好的抉择,
ie中的flash出现激活框“单击以激活并使用此控件”的解决方法。
6、撤消图片标签跟其父对象的最後一个停止标签之间的空格,
IE与FF不兼容网页布局CSS问题。
这个方法要强调下，在实际开发中该方法可能会出乱子,
IE8中text-align center偏左的解决办法，由于在写代码的时候为了让代码更体现语义和档次清楚，未免要通过IDE供给代码缩进显示，这必定 会让标签和其余标签换行显示，比方说DW的「套用源格局」命令。所以说这个方法可以供咱们懂得涌现BUG的一种情形，详细解决方案的还得各位见招拆招了。 Tag：空白 解决方案 元素 图片 ,
IE6绝对定位的bug及其解决办法; 空白 解决方案 元素 图片
(责任编辑：网站建设)
img图片元素下多余空白解决方案相关文章