在 CSS 中设置 cellpadding 和 cellspacing？

无边落木萧萧下

在 HTML 表格中，cellpaddingandcellspacing可以这样设置：

[table]

如何使用 CSS 实现相同的功能？
                                                               
    解决方案:                                                               
2 t: |" A# ^( S7 i) c% c                                                                基本
1 C2 E( p  Q' H+ L! @2 i为了控制 CSS 中的“cellpadding你可以简单地说padding使用表单元格。例如 10px 的“cellpadding”：
8 w/ F. K# N$ q, t) d" E

td      padding: 10px;}

对于“cellspacing，你可以border-spacingCSS 属性应用于您的表格。例如， 10px 的“cellspacing”：
, z8 X; ?) y# }  t; `! D

table      border-spacing: 10px;    border-collapse: separate;}

这一属性甚至允许单独的水平和垂直间距，这是旧的单元格间距无法实现的。
$ [+ Z5 Y3 j- x5 }- |0 WIE 问题 ≤ 7
' a2 o- Q6 D) e& H8 m除 Internet Explorer 到 Internet Explorer 7，你几乎不走运。我说几乎是因为这些浏览器仍然支持它们。border-collapse将相邻表单元格边界的属性合并。假如您试图消除单元格间距(即 )，cellspacing="0"那么border-collapse:collapse它应该有同样的效果：表单元格之间没有空间。然而，这种支持是有问题的，因为它不会被覆盖cellspacingtable现有 元素HTML 属性。
& n1 Y2 [) z- @+ y/ N: x简而言之:非 Internet Explorer 5-7 浏览器，border-spacing处理您。对于 Internet Explorer，如果你的情况恰到好处(你想要 0 单元格距，你的表格还没有定义)，你可以使用它border-collapse:collapse.

table      border-spacing: 0；    border-collapse: collapse;}
1 g1 _) a8 K! \6 }) o' A