一種使用CSS居中表的簡單方法

只需一行代碼就可以將表格居中

級聯樣式表（CSS）是最常用於設置用HTML和XHTML編寫的網頁的視覺樣式的樣式表語言。 您可能對網頁設計或CSS不熟悉，並且對如何在網頁上放置表格有疑問。 既然CENTER標記和align =“center”屬性在TABLE標記中已棄用，您也可能是一位經驗豐富的設計師，他對如何執行此技術感到困惑。 通過CSS，網頁上的對中表格並不困難。

使用CSS來居中放置一個表格

您可以添加一行到您的CSS樣式表來水平居中所有表格：

或者你可以直接添加同一行到你的表格中：

在網頁中放置表格時，您將它放在塊級元素 （如BODY，P，BLOCKQUOTE或DIV）中。 您可以通過使用邊距將該表格置於該元素中心：auto; 樣式。 這告訴瀏覽器使表格的所有邊上的邊距相等，這將表格定位在網頁的中心。

一些舊的Web瀏覽器不支持這種方法

如果您的站點必須支持較舊的Web瀏覽器（例如​​Internet Explorer 6），那麼您需要繼續使用align =“center”或CENTER標記來居中表格。 這就是在將表格放在網頁上時唯一會遇到的複雜情況。 使用這種技術很容易，可以在幾分鐘內執行。