Question

如何用CSS实现整个表格的居中

Answer 1

代码：

效果：

原理：

margin:0 auto;数字0代码的是距离上下边界为0，而auto表示距离左右边界为自适应，也就是居中。

Answer 2

可以把整个body居中；

另外也可以把table外面加一层div，设置外层div的属性（这个有下面的代码说明）

text-align:center;
代码如下：

<!--设置外围div的居中属性-->
<div style="text-align:center">
<!--这是问题中的表格-->
<table width="300" border="1" style="text-align:center;">
  <tr><td>姓名</td><td>性别</td></tr>
  <tr><td>李四</td><td>男</td></tr>
</table>
</div>

简单的写了下，供您参考~