0填充图像

时间:2010-12-18 05:56:27

标签: css xhtml

好吧呃..似乎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>

1 个答案:

答案 0 :(得分:4)

图像之间的空间不是来自填充,而是来自line-height。如果在包含图像的块中设置line-height: 0;,那么它们将在一起放置,而它们之间没有任何空格。

使用<br/>来堆叠这样的图像可能不是最好的方法。您可以通过显式定位或使用背景图像调整<div>个元素来获得更好的运气。最好的方法实际上取决于你的具体情况。