1 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/1998/REC-html40-19980424/strict.dtd">
<html>
  <head>
    <style type="text/css">
      table {
       border: 0;
       padding: 0; 
       border-collapse: collapse;
      }
      td {padding: 0}
    </style>
  </head>
  <body>
    <table bgcolor="gray" width="100%">
      <tr>
        <td bgcolor="black" height="14px">
          <img src="_images/top_top_line.png" width="800px" height="14px" border="0" alt="">
        </td>
      </tr>
      <tr>
        <td height="14px">
          <img src="_images/top_top_line.png" width="800px" height="14px" alt="">
        </td>
      </tr>
   </table>
  </body>
</html>

在上一部歌剧和 ie8 中，我看到：http ://eta.name/timages/padding.png

如果我在 Opera 中删除 DOCTYPE 声明一切正常，但在 ie 中没有任何变化。

如何正确删除填充？

我有一个简化的例子： http ://eta.name/padding.html 存在 TD 问题。单元格顶部一个像素，底部一个像素。如何删除这个？

4

2 回答 2

1

那不是填充。图像是内联元素，因此它们被视为字母。默认情况vertical-align下，图像的底部与 a、b、c 和 d 等字母的底部对齐。这为您在 j、g、p 和 y 等字母上找到的下行字母留出了空间。

您可以使用该vertical-align属性，但首先不应该使用表格进行布局。

于 2011-02-05T10:18:19.463 回答
0

我会以不同的方式处理它。与其像这样与每个浏览器争斗，不如使用 CSS 重置，这样您就可以完全控制所有元素，并且可以根据需要自由设置样式。我所知道的最好的是 Eric Mayer 的http://meyerweb.com/eric/tools/css/reset/

于 2011-02-05T10:07:35.217 回答