下面介绍关于html元素水平居中的几种方式
1、对于行内元素采用text-align:center的方式
2、采用margin:0 auto来实现水平居中显示
3、用table实现
4、块级的元素但是通过转换成行内元素来实现块级元素的水平居中显示
5、父子元素都采用相对定位，父元素left:50%子元素left:-50%相对自己的长度减回50%，这样实现向右偏移后拉回多的部分
6、采用css3的flexbox，display:flex
7、用父元素的 display:relative直接采用position:absoluteleft:0right:0margin:auto来实现水平以居中
下面是讲解的具体的代码：
通过中心点，计算坐标来垂直居中。
设置单行或表格单元格内元素，垂直方向上的位置，不能用块级元素。可用属性值： top middle bottom 等， 详细说明 .
将文字 line-height 等于父容器的高度，即可垂直方向上居中； text-align 可让文在水平方向上居中。
