你如何在CSS中指定表格填充? (表格,而不是单元格填充)
我有一张带有彩色背景的表格,我需要指定表格和它的内容(IE单元格)之间的填充。
表标记似乎不接受填充值。
Firebug使用填充0显示表格和tbody的布局,但不接受为它们输入的任何值,所以我猜它们只是没有填充属性。
但事情是我希望细胞之间的分隔比顶部细胞与桌面和底部细胞与桌面底部相同。
再次,我想要的不是细胞填充。
编辑:谢谢,我真正需要的,现在我意识到,是边界间距,或其等效的html,cellspacing。
但由于某种原因,他们在我正在工作的网站上没有做任何事情。
两者都在单独的HTML上很好地工作,但是在他们的网站中却没有。
我认为这可能是一些覆盖属性的风格,但cellpacing和内联边框间距不应该被覆盖,对吧?
(我使用Firefox)
编辑2:不,TD填充不是我需要的。 使用TD填充时,相邻单元格的顶部和底部填充总括起来,因此两个单元格之间的空间(实际上填充)比顶部单元格和桌面顶部边框之间的空间增加了一倍。 我想要在他们之间有完全相同的距离。
最简单/最好的支持方法是使用<table cellspacing="10">
CSS方式: border-spacing (IE不支持我不认为)
<!-- works in firefox, opera, safari, chrome -->
<style type="text/css">
table.foobar {
border: solid black 1px;
border-spacing: 10px;
}
table.foobar td {
border: solid black 1px;
}
</style>
<table class="foobar" cellpadding="0" cellspacing="0">
<tr><td>foo</td><td>bar</td></tr>
</table>
您可以为表格设置保证金。 或者,将表格换成div并使用div的填充。
这是你应该了解的关于表格的东西......它们不是嵌套独立元素的树。 他们是一个复合元素。 虽然单个TD的行为或多或少像CSS块元素,但中间的东西(TABLE和TD之间的任何东西,包括TR和TBODY)都是不可分割的,并且不属于内联或块 。 在其他维度空间中不允许使用随机HTML元素,而其他维度空间的大小根本不可配置。 只有HTML cellspacing
属性甚至可以获取它,并且该属性在CSS中没有模拟。
所以,为了解决你的问题,我建议你或者像另一张海报所说的DIV包装纸,或者如果你绝对必须把它包含在表格中,那么你有这个丑陋的垃圾:
<style>
.padded tr.first td { padding-top:10px; }
.padded tr.last td { padding-bottom:10px; }
.padded td.first { padding-left:10px; }
.padded td.last { padding-right:10px; }
</style>
<table class='padded'>
<tr class='first'>
<td class='first'>a</td><td>b</td><td class='last'>c</td>
</tr>
<tr>
<td class='first'>d</td><td>e</td><td class='last'>f</td>
</tr>
<tr class='last'>
<td class='first'>g</td><td>h</td><td class='last'>i</td>
</tr>
</table>
链接地址: http://www.djcxy.com/p/94735.html
上一篇: How do you specify table padding in CSS? ( table, not cell padding )