其他所有浏览器都正确呈现此内容。
<body>
<div>
<div><img src="img/logo_top.png" width="168" height="85" alt="Logo top" /></div>
<div><img src="img/logo_bottom.png" width="168" height="83" alt="Logo bottom" /></div>
</div>
</body>
如果没有div,并且使用&lt; br /&gt;图像之间。
这是我的HTML,其中包含doctype:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
<head>
<title>Test</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
img {border: none;}
body {font-size: 0px;}
</style>
</head>
<body>
<div>
<div><img src="img/logo_top.png" alt="Logo top" /></div>
<div><img src="img/logo_bottom.png" alt="Logo bottom" /></div>
</div>
</body>
</html>
答案 0 :(得分:4)
如果这是我认为的问题,那么如果你添加这个CSS应该修复它:
img {
vertical-align: top
}
或者这个:
img {
display: block
}
答案 1 :(得分:0)
尝试删除第一个</div>
和第二个<div>
之间的空格。有时,这些CRLF空白字符被浏览器解释为物理空间的指示。