margin-right不适用于表格

Question

这是fiddle。

为什么td.mar的CSS不起作用？
或者：如何让桌子在右侧的屏幕边框保留空间？

对于可能正在寻找答案的人来说，

编辑： display: block和border-collapse: collapse正在禁用margin-right属性

Answer 1

您可以在桌面上使用padding-right ?px;。

结帐：http://jsfiddle.net/s9pF5/11/

Answer 2

如果您希望table右边有一个边距，则应将该边距权限应用于table，而不是td。

Answer 3

您可以创建一个td和编写css ，就像这样 的的CSS

.noBorderwithMargin{border:0;padding:0;margin:0;padding-left:50px;}

<强> HTML

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

<强> Live Demo

Answer 4

包裹桌子怎么样？

HTML：

<div class="margin">
<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>
</div>

CSS（添加了两种样式）：

table {
    width: 100%
}
div.margin {
    margin-right: 50px;
}

Jsfiddle