CSS如何讓頁面元素水平居中？

利用css讓頁面元素水平居中的方式有很多，下面簡單的介紹幾種實現方式，供大家參考：

外邊距（margin）

利用margin:0 auto來實現元素水平居中，具體實現，看下圖css代碼：

絕對定位+margin-left

利用絕對定位（position）+margin-left來實現元素水平居中，看下圖css代碼：

效果圖：

總結：

這兩種方式都是對塊級元素實現水平居中，如果是行內元素的話，可以使用屬性text-align:center；當然還有其他實現方式，這里就不一一介紹了；如有疑問，歡迎大家在評論下方留言討論。