如何在 HTML5 上使用 cellpadding 和 cellspacing？答案

【问题标题】：How to use cellpadding and cellspacing on HTML5?如何在 HTML5 上使用 cellpadding 和 cellspacing？
【发布时间】：2014-12-30 00:50:00
【问题描述】：

我正在尝试使用 CSS3 为我的表格设置单元格间距和单元格填充，因为 HTML5 不支持这些属性。

我在互联网上发现很多资源说你应该使用 CSS 使用边框间距和填充。

取消信息。我尝试了所有这些技巧，但似乎没有任何改变。间距非常重要，因为我在表格的不同单元格中包含了图像结构。

那我现在怎么解决呢？ lz需要你的帮助

#SearchTable
{
    border-collapse: collapse;
    padding:0px 0px 0px 0px;
}

#SearchTable td 
{
    padding:0;
    border-spacing:0px 0px; 
}

【问题讨论】：

它应该可以工作。需要完整的 HTML 标记和 CSS 来了解为什么它在您的情况下不起作用。
我删除了除了桌子以外的所有东西，问题仍然存在！
您使用的是正确的 HTML 5 文档类型吗？
注意：在 CSS 中，ID 区分大小写："#SearchTable" 不等于 "#searchtable" 也许你可以创建一个jsFiddle 来说明你的问题。
我以前知道，所以id是对的！

标签： css html

【解决方案1】：

对于单元格间距：

#SearchTable {
   border-collapse: separate;
   border-spacing: 8px; 
}

【讨论】：

【解决方案2】：

您没有在表格上设置id=SearchTable，或者您有一些其他样式表规则覆盖了您指定的规则。因此，您发布的规则足以达到效果；你只需要

#SearchTable
{
    border-collapse: collapse;
}

#SearchTable td 
{
    padding:0;
}

（已经在 CSS2 中）。

【讨论】：

【解决方案3】：

你需要这样设置。它对我有用。

#SearchTable {
    border-spacing:2px 2px;
    border-collapse:separate;
}

#SearchTable td {
    border:1px solid black;
}

【讨论】：