如何在HTML5上使用cellpadding和cellspacing?

Hat*_*tem 15 css html5

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

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

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

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

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

#SearchTable td 
{
    padding:0;
    border-spacing:0px 0px; 
}
Run Code Online (Sandbox Code Playgroud)

Mat*_*ins 23

对于cellspacing:

  1. 在表格上设置边框间距,而不是在td上.
  2. 将border-collapse设置为单独.
#SearchTable {
   border-collapse: separate;
   border-spacing: 8px; 
}
Run Code Online (Sandbox Code Playgroud)

  • 我敢说你把我标记为正确的答案.继续.你知道你想. (6认同)

Juk*_*ela 4

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

#SearchTable
{
    border-collapse: collapse;
}

#SearchTable td 
{
    padding:0;
}
Run Code Online (Sandbox Code Playgroud)

(CSS2 中已经有)。

  • 我的猜测是正确的,它与图像渲染有关,而不是单元格间距或单元格填充。最快的解决方法是添加以下内容:`img { display: block; }` (2认同)