表格是一種以有組織的方式呈現大量信息的絕佳方式。銷售數據、網頁流量、股票市場趨勢和學生成績是經常以表格形式呈現的信息示例。

使用HTML將表格添加到網頁時，將其置于頁面中心可能更具視覺吸引力。居中文本和圖片通常是通過text-align類或通過CSS來完成的，但是居中表格需要不同的方法。下面提供了有關如何使表格在網頁上居中的詳細信息。

在 HTML 中將表格居中

將表格添加到網頁時，默認情況下，它與頁面或容器的左側對齊，如下所示。

HITS	MONTH	TOTAL INCREASE
324,497	January 1998	–
436,699	February 1998	112,172

上表的 HTML源代碼如下。

<table >
  <tr>
    <td><b>HITS</b></td>
    <td><b>MONTH</b></td>
    <td><b>TOTAL INCREASE</b></td>
  </tr>
  <tr>
    <td>324,497</td>
    <td>January 1998 </td>
    <td >-</td>
  </tr>
    <tr>
    <td>436,699</td>
    <td>February 1998</td>
    <td >112,172</td>
  </tr>
</table>

要使此表居中，您需要添加;margin-left:auto;margin-right:auto;“>到<table>標記中樣式屬性的末尾。表格標記如下所示。

<table >

如上所示，更改 <table> 標記中的樣式屬性會導致表格以網頁為中心，如下所示。

HITS	MONTH	TOTAL INCREASE
324,497	January 1998	–
436,699	February 1998	112,172

提示

您可以將參數添加到 <table> 標記中的樣式屬性，以使表格更具吸引力。添加填充：2px；和邊框間距：20px；在數據點和邊框之間添加間距以提高可讀性。

總結

以上是生活随笔為你收集整理的html怎么将表格居中_HTML居中代码(HTML入门速成)的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。