HTML에서 테이블을 중앙에 맞추는 방법

HTML에서는 세 가지 방법을 사용하여 표를 중앙에 배치할 수 있습니다. margin: auto 속성을 사용하여 표를 수평으로 중앙에 배치합니다. text-align: center 속성을 사용하여 상위 요소 내에서 테이블을 수직으로 가운데에 배치합니다. align 속성을 사용하여 상위 요소를 기준으로 테이블의 위치를 ​​지정합니다(더 이상 사용되지 않음).

HTML 표를 가운데에 맞추는 방법

HTML에는 표를 가운데에 맞추는 방법이 여러 가지 있습니다.

1 margin: auto;

• 을 사용하여 여백을 설정하세요. table: auto; 속성을 ​​사용하면 테이블을 가로 중앙에 배치할 수 있습니다. margin: auto; 属性，可以让表格在水平方向上居中。

示例：

<code class="html"><table style="margin: auto;">
  <tr>
    <th>列 1</th>
    <th>列 2</th>
  </tr>
  <tr>
    <td>数据 1</td>
    <td>数据 2</td>
  </tr>
</table></code>

2. 使用 text-align: center;

• 给表格的父元素设置 text-align: center; 属性，可以让表格在父元素内垂直居中。

示例：

<code class="html"><div style="text-align: center;">
  <table border="1">
    <tr>
      <th>列 1</th>
      <th>列 2</th>
    </tr>
    <tr>
      <td>数据 1</td>
      <td>数据 2</td>
    </tr>
  </table>
</div></code>

3. 使用 align 属性

• 给表格设置 align 属性，可以指定表格相对于其父元素的位置。

示例：

<code class="html"><table align="center">
  <tr>
    <th>列 1</th>
    <th>列 2</th>
  </tr>
  <tr>
    <td>数据 1</td>
    <td>数据 2</td>
  </tr>
</table></code>

注意：

• align 属性在 HTML5 中已弃用，应优先使用 margin 或 text-align
• 예:
• rrreee

위 내용은 HTML에서 테이블을 중앙에 맞추는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!