HTML5中如何将表格属性迁移到CSS？

HTML5 表格属性转换

Visual Studio 的 HTML5 验证功能将单元格填充、单元格间距、valign 和对齐属性识别为对表格元素无效。为了解决这个问题，HTML5 引入了 CSS 替代方案来控制表格的外观和间距。

单元格填充：

将 cellpadding 替换为应用于表格单元格的 CSS 填充属性 (

和 ）。例如：

<code class="css">th, td {
  padding: 5px;
}</code>

单元格间距：

将单元格间距替换为应用于表格的 CSS border-collapse 和 border-spacing 属性。 border-collapse:separate 和 border-spacing:5px 将在表格单元格之间创建 5px 的间距。 border-collapse：折叠和 border-spacing：0 将删除单元格之间的所有间距。

垂直对齐：

将 valign 替换为应用于表格单元格的 CSS 垂直对齐。 Vertical-align: top 将单元格内容与单元格顶部对齐。

水平对齐（居中）：

虽然align 不是有效的HTML5 属性，但您可以可以使用 CSS margin: 0 auto 应用于表格来实现水平居中。这将使表格在其父容器内水平居中。

以上是HTML5中如何将表格属性迁移到CSS？的详细内容。更多信息请关注PHP中文网其他相关文章！