css3技术

DIV+CSS教程_解决IE6下为什么图片下方有空隙产生源码教程_div+css教程

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

DIV+CSS教程_解决IE6下为什么图片下方有空隙产生源码教程,学习DIV+CSS教程_解决IE6下为什么图片下方有空隙产生源码教程,DIV+CSS教程_解决IE6下为什么图片下方有

DIV+CSS教程_解决IE6下为什么图片下方有空隙产生源码教程

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "">
<html xmlns="" xml:lang="zh" lang="zh">
<head profile="#">
<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="" alt="google" />
</div>
</body>
</html>

解决这个BUG的方法也有很多,可以是改变html的排版,或者定义img 为display:block
或者定义vertical-align属性值为vertical-align:top | bottom |middle |text-bottom
还可以设置父容器的字体大小为零,font-size:0

 

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

相关文章
网友点评