HTML5 表格属性转换
Visual Studio 的 HTML5 验证功能将单元格填充、单元格间距、valign 和对齐属性标识为对表格元素无效。为了解决这个问题,HTML5 引入了 CSS 替代方案来控制表格的外观和间距。
单元格填充:
将 cellpadding 替换为应用于表格单元格的 CSS 填充属性 (
th, td {
padding: 5px;
}
单元格间距:
将单元格间距替换为应用于表格的 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 应用于表格来实现水平居中。这将使表格在其父容器内水平居中。
免责声明: 提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发到邮箱:[email protected] 我们会第一时间内为您处理。
Copyright© 2022 湘ICP备2022001581号-3