1、margin : auto
此属性用于将块元素水平对齐到中心。
示例：
注意：使用margin : auto在IE8中不起作用，除非声明了!DOCTYPE。
效果图：
2、position: absolute
我们可以使用position: absolute来对齐项目。
示例：
效果图：
3、text-align: center
我们可以在各种标签中使用text-align: center；它可以将任何用HTML编写的文本对齐。
示例：
效果图：
4、line-height属性
想要垂直对齐项目，我们可以使用line-height属性。line-height 属性设置行间的距离（行高）。
示例：
效果图：
5、padding和text-align属性
我们可以使用padding属性和text-align : center的组合来垂直和水平对齐文本。
示例：
效果图：
本文参考地址： https://www.html.cn/qa/css3/10403.html
css设置水平居中，我们首先需要做的就是给这个div或者是表格一个width和height让他有具体的高宽显示，然后在通过margin来实现，margin的介绍，可以看图：
将margin设置成0 auto就成居中显示了，具体看代码：
<html>
<head>
<style>
tabel{
width:400px
height:300px
margin:0 auto
}
</style>
</head>
<body>
<table>
<tr>
<td>我是测试文字</td>
</tr>
</table>
</body>
</html>
使用 margin 属性来水平对齐可通过将左和右外边距设置为 "auto"，来对齐块元素。
注释：除非已经声明了 !DOCTYPE，否则使用 margin:auto 在 IE8 以及更早的版本中是无效的。
