我怎样才能编码cellspacing = 0所以它是有效的HTML5？

Question

我的HTML看起来像这样：

<table class="table" style="clear: both;" width="100%" cellspacing="0">

我的IDE告诉我，width和cellspacing不是有效的HTML5。

有没有一种方法可以对其进行编码以使其有效？

Answer 1

好吧，使用border-collapse: collapse; CSS规则（效果相同：表格单元格之间没有空格）。请注意，这可能无法在IE 5或6等旧版浏览器中使用，因此如果您需要支持它们，那么您就不幸了。

<table class="table" style="clear: both; border-collapse: collapse; width: 100%;">

Answer 2

自HTML5起，width和cellspacing属性确实已弃用。处理此问题的正确方法是使用CSS。

对于cellspacing，请参阅以下答案：In HTML5, with respect to tables, what replaces cellpadding, cellspacing, valign, and align?

我摘录了上面链接中答案的代码（信用转到@Drudge）：

这是cellspacing =“5”

的示例

.table { 
    border-collapse:separate;
    border-spacing: 5px;
} 

这是cellspacing =“0”

的示例

.table { 
    border-collapse:collapse;
    border-spacing: 0; 
}

要解决您的width属性无效，只需使用CSS width属性：

.table {
    width:100%;
}