table表格整体居中实现

如下面代码所示：

<div class="tableCenter">
	<table class="table" style="table-layout: fixed;">
		<tr>
			<td ></td>
			<td ></td>
		</tr>
	</table>
</div>

如果是将整个表作为整体想要在页面上居中，可以在table的外面套上一层div，这里给该div增加一个class属性为tableCenter，以及给table一个class属性为table。然后再给这两个class属性加上下面的样式即可。

<style type="text/css">
	.table{
		width: 80%;
	  	margin: auto;
	}
	.tableCenter{
	 	text-align: center;
	}
</style>