让页面内容水平居中

以前在做前台页面时，为了让页面内容水平居中，通常使用的方法是将上中下三块内容分别置于三个表格中，并设置这三个表格的align属性为center，今天通过CSS也达到了同样的效果，就不需再一个个表格去设置了：



说明：body {text-align: center;} 的作用是使页面内所有内容水平居中，这样表格的内容也会受影响变成水平居中，因而再加一句table {text-align: left;} 而表格内的内容为水平居左，即默认的水平对齐方式。

如有朋友知道如何用CSS设置直接使表格水平居中欢迎留言参加评论。