使用CSS居中表(三)

如果你想让表设定一定比例的宽度，你可以如下定义：

table#table1 {
    width: 70%;
    margin-left: 15%;
    margin-right: 15%;
}

在你的HTML/XHTML中，你可以这样使用：

<table id="table1">
...
</table>

需要注意的是在这里使用的id来描述表，但你仅能在一个页面中使用一次id定义。如果你在一个页面中有很多表，同时使用相同width设置并且居中对齐，你可以在你的CSS中进行如下定义：

table.center {
    width: 70%;
    margin-left: 15%;
    margin-right: 15%;
}

然后在你的HTML页面中使用此定义：

<table class="center">
...
</table>
...
<table class="center">
...
</table>