填充在 iE 中不起作用？

我希望内容周围、元素边框内有空间。

http://www.w3schools.com/CSS/css_padding.asp http://www.w3schools.com/CSS/css_padding.asp

我使用了 cellpadding，它在 FF 中工作得很好，但在 IE 中却不行。我使用的IE版本是7.0.5730.13

我尝试过一个简单的表格

<table style="padding:100px" border="1">
    <tr><td>123</td></tr>
    <tr><td>456</td></tr>
    <tr><td>678</td></tr>
    <tr><td>kuz</td></tr>
</table>

但输出根本没有空间。如果我在以下位置使用填充标签<td>.它运行良好。 因为填充在 IE 中不起作用。我使用了另一种方法。

我创建了两个虚拟行；一个在顶部，另一个在底部，虚拟列一个在右侧，另一个在左侧，我用填充来设计它们。这是工作。如果有更好的方法在内容周围留出空间，请告诉我。

IE 不支持表格填充。我猜您想这样做是为了在表格边缘和内容之间留出空间。

但是，您可以通过将表格放在 div 中来获得相同的结果（这是跨浏览器）。

<div style="padding:100px; border: solid black 1px">
  <table border="1" style="border: solid transparent 0px; width:100%">
        <tr><td>123</td></tr>
        <tr><td>456</td></tr>
        <tr><td> 678</td></tr>
        <tr><td>kzuk</td></tr>
    </table>
</div>

div 将模仿表格的外边框。

编辑： 仅当您的表格宽度为 100% 时，此功能才有效。但是，您可以限制 div 的宽度，但您必须知道您想要它的宽度。

<div style="padding:100px; border: solid black 1px; width:300px">
  <table border="1" style="border: solid transparent 0px; width:100%">
        <tr><td>123</td></tr>
        <tr><td>456</td></tr>
        <tr><td> 678</td></tr>
        <tr><td>kzuk</td></tr>
    </table>
</div>