使用CSS的填充表在IE上不起作用

Question

這不適用於我的IE：

<table style="padding:5px">...</table>

但它適用於Opera。

有解決方法嗎？

Answer 1

早期的CSS規范（IE6遵循 - 我使用“松散地跟隨”這個詞）並不清楚表格中定義的填充應該是什么意思。 IE6當然決定通過忽略填充來解釋與其他瀏覽器不同的解釋。 其他瀏覽器決定通過在表格邊框和最外面的單元格之間添加間距來渲染它，而不會影響單元格內​​部或內部單元格之間的間距。 到IE7問世的時候，規格已經像其他瀏覽器一樣清理，但IE6仍然存在問題，它只是忽略了填充。

最好的解決方案是避免在桌面上放置填充，而是用div包圍它，然后將填充物放在那里。

<div style="padding: 5px;">
    <table...>
    </table>
</div>

當然，如果你想要的是單元格間距或單元格填充（而不是僅僅填充表格），那么你應該使用cellspacing或cellpadding屬性（即使你不想要這些，你至少需要cellspacing="0"以避免IE6表呈現的另一個單獨問題）。

此外，此處的內聯樣式僅用於演示目的; 使用css類通常被認為是更好的做法。

Answer 2

你嘗試過使用<table cellpadding="5">嗎？ IE在某些CSS樣式方面存在問題。 你的語法錯了，你忘記了分號。

Answer 3

我冒昧地猜測你的代碼中有其他錯誤。

填充在IE中工作正常：

http://jsbin.com/ewuho4/

Answer 4

如果你想填充單元格然后使用cellpading屬性（cellpadding =“X”），如果你想填充一個表，那么考慮到它的結構這是很尷尬，我建議你如果你想要它和剩下的東西。 即使我不是IE的粉絲，填充也無法在IE上運行我不會因此而責備它