应用IMG标签置入图片。在IE环境中在图片的下方,会出现一个小空隙。
这个问题相信有很多朋友都碰到过。设置上没有问题,是哪里不对了呢?
其实这是IE的一个办法。目前解决此问题的方式很多,下面举例进行说明。
出现空隙时的情形:
Source Code to Run []
[ 可先修改部分代码 再运行查看效果 ]
应用display:block;解决图片下方的空隙。
Source Code to Run []
[ 可先修改部分代码 再运行查看效果 ]
应用vertical-align:top;解决图片下方的空隙。
Source Code to Run []
[ 可先修改部分代码 再运行查看效果 ]
应用vertical-align:bottom;解决图片下方的空隙。
Source Code to Run []
[ 可先修改部分代码 再运行查看效果 ]
应用vertical-align:text-bottom;解决图片下方的空隙。
Source Code to Run []
[ 可先修改部分代码 再运行查看效果 ]