在頁面中間將表格作爲整體與HTML中間對齊

Question

將整個表格置於頁面中間並使用HTML居中的最簡單方法是什麼？

Answer 1

使用下面的CSS：

table { 
    margin: 0 auto; 
} 

Answer 2

你不僅可以與HTML做到這一點。

<center>是唯一可以做到這一點的元素，但不是首選，並且是已棄用。

所以你可以使用CSS這個。 只是將父元素的位置設置爲relative並將此元素的水平邊距設置爲auto。

例如：

<div id="parent"> 
    <table> 
     .... 
    </table> 
</div> 

#parent { 
    position: relative; 
} 
table { 
    margin: 0px auto; 
}