在css網頁布局中，我們會用到很多div塊，在這些div塊中的內容，我們會用居中的方式讓其進行水平或垂直居中，那麼有哪些居中的方式呢？
（1）使用margin：0 auto；實現水平居中； 居中測試
（2）使用text-align: center;實現對內容的水平居中； 居中測試
（3）使用position:absolute,設定left、top、margin-left、margin-top的屬性
.one
（4）使用position:fixed,同樣設定left、top、margin-left、margin-top的屬性
.two
（5）利用position:fixed屬性， .three
（6）利用position:absolute屬性，設定top/bottom/right/left .four
（7）利用display:table-cell屬性使內容垂直居中
.five
（8）最簡單的一種使行內元素居中的方法，使用line-height屬性
.six （9）使用css3的display:-webkit-box屬性，再設定-webkit-box-pack:center/-webkit-box-align:center
.seven
（10）使用css3的新屬性transform:translate(x,y)屬性
.eight
居中對齊方式比較多，不過使用比較頻繁的是前面的幾種。
CSS居中效果之transform的使用
簡單有效，同時支援可變高度。為內容指定帶有廠商字首的transform translate 50 50 和top 50 left 50程式設計客棧 樣式就可以讓內容塊居中。css code複製內容到剪貼簿 好處 nb 內容高度可變 量小 同時注意 不支援ie8 需要寫廠商字首 會和其他transfo...
CSS中的居中
我們在實際工作中常會遇到需要設定水平居中的場景，比如為了美觀，文章的標題一般都是水平居中顯示的。這裡我們又得分兩種情況 行內元素 還是 塊狀元素 塊狀元素又分為定寬塊狀元素，以及不定寬塊狀元素 1 行內元素居中 如果被設定的元素為文字 等行內元素時 水平居中就是通過給父元素設定 text align...
css中的居中問題
行內內容的居中 如何讓乙個容器的行內內容 文字和行內元素 inline inlineblock 居中 當然inline block比較特殊，即有行內屬性，又有塊級屬性 有以下方法 text align center水平居中。在塊級父級元素上設定text align center，其內部的inline...