一种使用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标记来居中表格。 这就是在将表格放在网页上时唯一会遇到的复杂情况。 使用这种技术很容易，可以在几分钟内执行。