一直想寫一篇關於水平居中的文章，因為水平居中是平時寫介面最常用到的。那麼如何實現呢，我根據自己的經驗以及網上的經驗，做了乙個小小的總結。
最簡單的margin方法：
.center
缺點：擴充套件性差
僅inline-block屬性是無法讓元素水平居中，他的關鍵之處要在元素的父容器中設定text-align的屬性為「center」，這樣才能達到
.father
.child
*
做點：簡單易懂，擴充套件性強；
缺點：需要額外處理inline-block的瀏覽器相容性。
也是非常常見的一款居中方式：
.father
.child
.pagination
.pagination
ul.pagination
li.pagination
a.pagination
a:hover
下面這幾種留著我有時間再去**。
出處：
css實現水平居中
一 對於行內元素 text align center 二 對於確定寬度的塊級元素 1 margin和width實現水平居中 常用 前提 已設定width值 margin left auto margin right auto 2 絕對定位和margin left 寬度值 2 實現水平居中 固定寬度塊...
css 實現水平居中
水平居中分為塊狀元素和行內元素，而塊狀元素又分為定寬塊狀元素和不定寬塊狀元素。行內元素水平居中 2 定寬塊狀元素 dispaly block 水平居中 塊狀元素的width是乙個固定值 滿足塊狀和定寬兩個條件時，即可通過給自己設定 左右margin為auto 來實現。定寬塊狀元素水平居中 3 不定寬...
css 水平居中的方法
文字居中，文字垂直居中水平居中，居中，水平居中垂直居中，塊元素垂直居中?當我們在做前端開發是時候關於css居中的問題是很常見的。情況有很多種，不同的情況又有不同的解決方式。水平居中的方式解決的時候相對來說通過css比較容易設定，垂直居中相對比較棘手。先來說一下水平居中的不同情況與不同解決方法吧。1文...