css解决IE浏览器下IMG标签下方的空白区域
DIV+CSS 2009/4/9 16:44:51 点击：不统计
关键词：css解决<img>标签下放空白的办法
这个是在IE浏览器下才出现的问题，在FF浏览器下不会出现
在使用<img>标签时，图片下方出现了不需要的空间，解决这个问题有两个办法，我亲自试验了一下，完全正确
<body>
<div id="img">
<img src="xxxxjpg"" />
</div>
<div id="content">afhkawehoifawlkejfowelfkjweoifjie</div>
</body>
假设这是div代码，上方是一张图片，图片下方是解释说明，给说明加边框，就可以看到图片和说明中间有不需要的空白区域，解决的办法：
第一个办法：直接在<img>标签里面写display为block，即<img src="xxxxjpg"" style="display:block;" />即可
第二个办法：给图片所在的div定义高度和宽度，并且高度和宽度等于图片的高度和宽度，最后也是最重要的就是设置overflow为hidden，这样也就消除了空白区域了。
·上一篇：CSS中filter滤镜参数 >> ·下一篇：css格式化整个段落 >>