Css 右边距不为';我不在桌子上工作

Css 右边距不为';我不在桌子上工作,css,html-table,margin,Css,Html Table,Margin,这是一个例子 为什么td.mar的CSS不起作用或:如何使表格与屏幕右侧的边框保持距离 编辑:对于可能正在寻找答案的任何人: display:block和border collapse:collapse正在禁用页边距右侧属性如果希望表具有右侧页边距,则应将该页边距右侧应用于表,不是td如果您希望表右边有一个边距,您应该将该边距应用于表,而不是td您可以创建一个td并像这样编写css Css .noBorderwithMargin{border:0;padding:0;margin:0;paddi

这是一个例子

为什么td.mar的CSS不起作用
或:如何使表格与屏幕右侧的边框保持距离

编辑:对于可能正在寻找答案的任何人:
display:block
border collapse:collapse
正在禁用
页边距右侧属性

如果希望
具有右侧页边距,则应将该页边距右侧应用于
,不是
td

如果您希望
右边有一个边距,您应该将该边距应用于
,而不是
td
您可以创建一个
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>

项目
项目
项目
//加上这个td
边缘

您可以创建一个
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>

项目
项目
项目
//加上这个td
边缘

把桌子包起来怎么样

HTML:


把桌子包起来怎么样

HTML:


您可以使用
填充右?px在桌子上


签出:

您可以使用
填充右?px在桌子上


检查:

它确实有效。不确定你在那边看到了什么。它确实有效。不确定你在那边看到了什么。不完全是我需要的,桌子和屏幕边框右侧之间仍然没有空间也不完全是我需要的,桌子和屏幕边框右侧之间仍然没有空间我看到它工作了,但不知怎么的,我的桌子不工作。现在我知道是
display:block
border collapse:collapse
禁用了
margin right
属性,我看到它工作了,但不知怎的,对我的表不起作用。现在我知道是
display:block
border collapse:collapse
禁用了
margin right
属性