我以前一直都搞不清楚水平居中與垂直居中，更不用談什麼對齊，臨時抱佛腳，也找不到很好的答案，於是把網上的**研究了一番，總結一下經驗：
盒子水平居中：margin：0 auto
注意：在ie8中使用margin:auto屬性無法正常工作，除非宣告 !doctype
如果寬度是100％，對齊是沒有效果的，要給居中的元素乙個寬度，否則無效。
加入margin:0 auto就不能加入float浮動樣式，避免邏輯錯誤，造成布局居中不相容。
行內元素水平居中：父元素設定text-align：center
單行文字垂直居中：line-height=height
通用垂直居中：父盒子：display：table子盒子：display：table-cell vertical-aglign：middle 低版本ie：子盒子：display：inline-block（這個個人感覺最好用！！）
塊級元素垂直居中：定位+margin
塊級元素垂直居中：利用padding-top與padding-bottom相等來實現
①移動端：彈性布局相容性較好：display:flex;
box-align: center;
align-items: center;
②pc端：彈性布局相容性差，因此：用display：table就可以了
④將設定為背景圖，然後給文字盒子乙個padding-left
⑤在父盒子中，文字在子盒子中，然後用margin控制對齊
⑥定位也可以用來居中，但是比較繁雜
css 水平居中 垂直居中 水平垂直居中
一 水平居中 1 行內元素水平居中text align center 2 塊級元素水平居中margin 0 auto 3 多個塊狀元素的水平居中 實現多個水平排列的塊狀元素的水平居中，是將要水平排列的塊狀元素設為display inline block，然後在父級元素上設定text align ce...
css水平居中 垂直居中 水平垂直居中
css水平居中 垂直居中 水平垂直居中 水平居中 行內元素 block text align 塊級元素 方案一 分寬度定不定兩種情況 定寬度 margin 0 auto 作用 使盒子自己居中，意思是上下距離為0，auto就是左右自適應兩邊距離 不定寬度 設定子元素display inline blo...
居中（水平居中 垂直居中）
一 水平居中。1.最普通的 在視口或視窗中 水平居中。先寫乙個div，給它一些基本樣式。此時只用設定乙個屬性 margin，就得到了居中的結果 沒錯，這就是凝膠物布局，此方法必須設定元素的width 2.居中乙個絕對定位的元素。上述方法的元素使用預設的定位，即static，那麼當元素是絕對定位 ab...