如何编码 cellspacing=0 使其成为有效的 HTML5？ [复制]答案

【问题标题】：How can I code cellspacing=0 so it is valid HTML5? [duplicate]如何编码 cellspacing=0 使其成为有效的 HTML5？ [复制]
【发布时间】：2013-08-19 10:18:18
【问题描述】：

我的 HTML 看起来像这样：

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

我的 IDE 告诉我宽度和单元格间距不是有效的 HTML5。

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

【问题讨论】：

标签： html css

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

width 和 cellspacing 属性在 HTML5 中确实被贬低了。处理这个问题的正确方法是使用 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%;
}

【讨论】：