CSS表單元格填充，間距

Question

<!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聲明一切正常，但是在什么都沒有改變。

如何正確刪除填充？

我已經簡化了示例： http : //eta.name/padding.html TD問題。 單元格頂部一個像素，底部一個像素。 如何刪除？

Answer 1

那不是填充。 圖片是內聯元素，因此它們像字母一樣被對待。 默認情況下， vertical-align設置為使圖像底部與字母a，b，c和d的底部vertical-align 。 這為您在j，g，p和y之類的字母上找到的后代留了余地。

您可以使用vertical-align屬性進行旋轉，但是首先不應該使用表格進行布局。

Answer 2

我會以不同的方式處理。 不用像這樣與每個瀏覽器進行爭斗，而是使用CSS重置，這樣您就可以完全控制所有元素，並可以根據需要隨意設置樣式。 我所知道的最好的是Eric Mayer的http://meyerweb.com/eric/tools/css/reset/

CSS表單元格填充，間距

問題描述

2 個解決方案

解決方案1
1 2011-02-05 10:18:19

解決方案2
0 2011-02-05 10:07:35

CSS表單元格填充，間距

問題描述

2 個解決方案

解決方案1 1 2011-02-05 10:18:19

解決方案2 0 2011-02-05 10:07:35

解決方案1
1 2011-02-05 10:18:19

解決方案2
0 2011-02-05 10:07:35