網(wǎng)友解答: 利用css讓頁面元素水平居中的方式有很多，下面簡單的介紹幾種實(shí)現(xiàn)方式，供大家參考：外邊距（margin）利用margin:0 auto來實(shí)現(xiàn)元素水平居中，具體實(shí)現(xiàn)，看下圖cs

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

利用margin:0 auto來實(shí)現(xiàn)元素水平居中，具體實(shí)現(xiàn)，看下圖css代碼：

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

效果圖：

總結(jié)：

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

讓行內(nèi)元素水平居中很簡單，直接用text-align:center;就可以了。但是要讓塊級元素水平居中，方法有很多，當(dāng)然也看具體情況來用哪種方法，下面介紹一下，我常用的幾種方法。

1.margin:0 auto;

這個(gè)方法只能是元素在正常文檔流中的時(shí)候才能用，如果用了其他的一些定位，脫離了正常文檔流，那就不能用了。

2.position:absolute;left:50%;transform:translateX(-50%);

這個(gè)是適用于絕對定位的場景

3.display:-webkit-box;-webkit-box-pack:center;

這個(gè)方法可以說效果是比較好的，當(dāng)然這時(shí)你需要用box布局