IE中图片下方的空隙怎么解决?_Div+CSS教程

编辑Tag赚U币
教程Tag:暂无Tag,欢迎添加,赚取U币!
  
应用IMG标签置入图片。在IE环境中在图片的下方,会出现一个小空隙。
这个问题相信有很多朋友都碰到过。设置上没有问题,是哪里不对了呢?
其实这是IE的一个办法。目前解决此问题的方式很多,下面举例进行说明。

出现空隙时的情形:

div css xhtml xml 代码调试框 代码调试框 [www.mb5u.com]

[ 可先修改部分代码 再运行查看效果 ]

应用display:block;解决图片下方的空隙。

div css xhtml xml 代码调试框 代码调试框 [www.mb5u.com]

[ 可先修改部分代码 再运行查看效果 ]

应用vertical-align:top;解决图片下方的空隙。

div css xhtml xml 代码调试框 代码调试框 [www.mb5u.com]

[ 可先修改部分代码 再运行查看效果 ]

应用vertical-align:bottom;解决图片下方的空隙。

div css xhtml xml 代码调试框 代码调试框 [www.mb5u.com]

[ 可先修改部分代码 再运行查看效果 ]

应用vertical-align:text-bottom;解决图片下方的空隙。

div css xhtml xml 代码调试框 代码调试框 [www.mb5u.com]

[ 可先修改部分代码 再运行查看效果 ]

来源:无忧整理//所属分类:Div+CSS教程/更新时间:2007-01-08
相关Div+CSS教程