这是一个小提琴。
为什么 CSS fortd.mar
不起作用?
或者:如何使表格与右侧的屏幕边框保持空间?
编辑:对于任何可能正在寻找答案的人:
display: block
并且border-collapse: collapse
正在禁用该margin-right
属性
这是一个小提琴。
为什么 CSS fortd.mar
不起作用?
或者:如何使表格与右侧的屏幕边框保持空间?
编辑:对于任何可能正在寻找答案的人:
display: block
并且border-collapse: collapse
正在禁用该margin-right
属性
您可以padding-right ?px;
在桌子上使用 a。
查看:http: //jsfiddle.net/s9pF5/11/
把桌子包起来怎么样?
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;
}
如果您希望table
右边有边距,则应将该边距应用于.table
而不是td
.
您可以创建一个td
并将css 编写为 Like this
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>