解决IE6下图片下方产生空隙的问题

2022-07-15 80酷酷网 80kuku.com

　　解决这个BUG的方法也有很多，可以是改变html的排版，或者定义img 为display:block 或者定义vertical-align属性值为vertical-align:top | bottom |middle |text-bottom 还可以设置父容器的字体大小为零，font-size:0
以下是HTML网页特效代码，点击运行按钮可查看效果：以下是程序代码<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh" lang="zh"><head profile="http://www.w3.org/2000/08/w3c-synd/#"><meta http-equiv="content-language" content="zh-cn" /><meta http-equiv="content-type" content="text/html;charset=gb2312" /><title>blueidea</title><style type="text/css">/*<![CDATA[*/div { border:1px solid red; background:orange; }img { width:276px; height:110px; }/*]]>*/</style></head><body><div><img src="http://www.google.com/intl/en_ALL/images/logo.gif" alt="google" /></div></body></html></font><a href="http://js.alixixi.com/">欢迎访问阿里西西网页特效代码站，js.alixixi.com</a>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]