如何實現與 HTML5 表格中的 cellpadding、cellspacing、valign、align 相同的視覺效果？

如何替換HTML5 表格中的cellpadding、cellspacing、valign 和align

在HTML5 中，屬性cellpadding、cellspacing、valign、

在HTML5 中，屬性cellpadding、cellspacing、valign被棄用並且不再有效。但是，您仍然可以使用 CSS 來實現相同的視覺效果。

替換cellpadding

使用padding 屬性在表格單元格內新增空間：

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

替換單元格間距

<code class="css">table {
  border-collapse: separate;
  border-spacing: 5px;  /* Equivalent to cellspacing="5" */
}</code>

替換單元格間距

使用border-collapse 屬性來控製表格單元格之間的間距：

<code class="css">table {
  border-collapse: collapse;
  border-spacing: 0;  /* Equivalent to cellspacing="0" */
}</code>

或者，您可以使用border-spacing: 0消除單元格之間的間距：

替換valign

<code class="css">th, td {
  vertical-align: top;  /* Equivalent to valign="top" */
}</code>

使用Vertical-align 屬性垂直對齊表格單元格的內容：

替換對齊（居中)

<code class="css">table {
  margin: 0 auto;  /* Equivalent to align="center" */
}</code>

使用margin 屬性使表格在頁面上居中：

以上是如何實現與 HTML5 表格中的 cellpadding、cellspacing、valign、align 相同的視覺效果？的詳細內容。更多資訊請關注PHP中文網其他相關文章！