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中文網其他相關文章！