下面介紹關於html元素水平居中的幾種方式1、對於行內元素採用text-align:center的方式3、用table實現4、塊級的元素但是透過轉換成行內元素來實現塊級元素的水平居中顯示5、父子元素都採用相對定位，父元素left:50%子元素left:-50%相對自己的長度減回50%，這樣實現向右偏移後拉回多的部分6、採用css3的flexbox，display:flex7、用父元素的 display:relative直接採用position:absoluteleft:0right:0margin:auto來實現水平以居中下面是講解的具體的代碼
