使用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上运行我不会因此而责备它