css3技术

IE中图片下方的空隙怎么解决?_div+css布局教程

字号+ 作者:H5之家 来源:H5之家 2015-09-29 10:19 我要评论( )

IE中图片下方的空隙怎么解决?,学习IE中图片下方的空隙怎么解决?,IE中图片下方的空隙怎么解决?,查看IE中图片下方的空隙怎么解决?,应用IMG标签置入图片。在IE

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

出现空隙时的情形:

div css xhtml xml Source Code to Run

Source Code to Run []


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


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

div css xhtml xml Source Code to Run

Source Code to Run []


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


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

div css xhtml xml Source Code to Run

Source Code to Run []


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


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

div css xhtml xml Source Code to Run

Source Code to Run []


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


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

div css xhtml xml Source Code to Run

Source Code to Run []


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

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
网友点评