如何在HTML5上使用cellpadding和cellspacing？

Question

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

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

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

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

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

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

Answer 1

对于cellspacing：

1. 在表格上设置边框间距，而不是在td。
上
2. 将border-collapse设置为分开。

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

Answer 2

您尚未在表格上设置id=SearchTable，或者您有一些其他样式表规则会覆盖您指定的规则。因此，您发布的规则绰绰有余;你只需要

#SearchTable
{
    border-collapse: collapse;
}

#SearchTable td 
{
    padding:0;
}

（已经在CSS2中）。

Answer 3

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

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

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