**：
方案一：
div絕對定位水平垂直居中【margin:auto實現絕對定位元素的居中】，
相容性：,ie7及之前版本不支援
.father
.son優點：
缺點：
方案二：
div絕對定位水平垂直居中【margin 負間距】 這或許是當前最流行的使用方法。
.father
.son
優點：
缺點：
方案三：
div絕對定位水平垂直居中【transforms 變形】
相容性：ie8不支援；
.father
.son
不定寬高的的水平垂直居中
方案四：
css不定寬高水平垂直居中，css3屬性
.father
.son
將父盒子設定為table-cell元素，可以使用text-align:center和vertical-align:middle實現水平、垂直居中。比較完美的解決方案是利用三層結構模擬父子結構
.father.son
或者
.father.son優點：
.son 可以動態改變高度(不需在 css 中定義)，.son 不會被截斷
缺點：
internet explorer(甚至 ie8 beta)中無效，許多巢狀標籤
.box
.div
div水平垂直居中方法總匯
方法一 絕對定位方法 不確定當前div的寬度和高度，採用transform translate 50 50 當前div的父級新增相對定位 position relative children方法二 絕對定位方法 確定當前div寬度和高度嗎，margin值為當前div寬度一半的負值。children方...
div盒子水平垂直居中方法
這個問題比較老，方法比較多，各有優劣，著情使用。一 盒子沒有固定的寬和高 方案1 transforms 變形 這是最簡單的方法，不僅能實現絕對居中同樣的效果，也支援聯合可變高度方式使用。內容塊定義transform translate 50 50 必須加上 top 50 left 50 優點 1.內...
div水平居中及div水平垂直居中的方法總結
1 margin auto wrap wrap txt2 text align center 3 absolute margin偏移 wrap wrap txt4 display box 文字 box pack5 absolute transform 1 line height 文字 wrap tx...