html - 跨浏览器向表格添加边距的方式？

Question

我的一张表有 23 列，因此在大多数屏幕上它会溢出屏幕宽度。这没什么大不了的，只是我希望表格在窗口边框之前保持最小空间。
margin-left工作，但不知何故margin-right没有工作table，也没有tr，甚至连最后td一行都没有。span我已经通过在结尾之前添加一个文本来解决它tr：

<tr>(...)<td>(...)</td><span class='tableMarginRight'>XXXXX</span></tr>

.tableMarginRight {
  visibility: hidden;
}

它适用于 Opera 和 Chrome，但不适用于 Firefox。有人有其他想法吗？

编辑：小提琴

Answer 1

填充和边距在 tr 上不起作用。如果您想添加一些空间，请尝试将其应用于 TD。保证金不起作用。

<table border=1>
    <tr>
        <td class="pad-l">item</td>
        <td class="pad-r">item</td>
        <td class="pad-t">item</td>
        <td class="mar">margin</td>
    </tr>
</table>

.pad-l{
    padding-left: 20px;
}
.pad-r{
    padding-right: 20px;
}
.pad-t{
    padding-top: 20px;
}
.mar{
    margin: 30px 50px;
}

在这里检查

Answer 2

可以使用边框间距和/或边框折叠来删除行和列之间的边距。表格/单元格和窗口之间的边框是正文边距，您可以使用以下命令将其删除：

body {
    margin: 0px   
}