好吧呃..似乎XHTML Transitional不想采用0填充...
帮助? :|
<!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="en" lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<title>Tadah</title>
<style>
body {
width:1440px;
}
* {
margin:0;
padding:0;
}
img {
margin:0;
padding:0;
width:144px;
height:90px;
}
</style>
</head>
<body>
<img src="http://www.gravatar.com/avatar/63ba857eda5875ce057cffd1adf960d3?s=128&d=identicon&r=PG" /><br />
<img src="http://www.gravatar.com/avatar/63ba857eda5875ce057cffd1adf960d3?s=128&d=identicon&r=PG" />
</body>
</html>
答案 0 :(得分:4)
图像之间的空间不是来自填充,而是来自line-height
。如果在包含图像的块中设置line-height: 0;
,那么它们将在一起放置,而它们之间没有任何空格。
使用<br/>
来堆叠这样的图像可能不是最好的方法。您可以通过显式定位或使用背景图像调整<div>
个元素来获得更好的运气。最好的方法实际上取决于你的具体情况。