实现table在页面中居中显示

方法1

将table的margin设置为auto，在该方法下必须指定table的宽度

CSS样式中

1
2
3
4
5
6
7
8
9
* {
    margin: 0;
    padding: 0;
}
table {
    margin: auto; /* !!! */
    width: 100%; 
    border: 1px solid black;
}

方法2 (不推荐)

使用align="center"来进行div内容的居中，

此使用方法已在 XHTML 1.0 Strict DTD 中放弃支持。

1
2
3
4
5
6
<table style="width: 50%; " align="center">   
    <tr>   
        <td>&nbsp;样例1</td>   
        <td>&nbsp;样例2</td>   
    </tr>   
</table>