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