1、定寬度，需要誰居中，給其設定 margin: 0 auto;
2、子元素設定display: inline-block; 或 display: inline;即將其轉換成行內塊級/行內元素，給父元素設定 text-align: center;
3、定位，設定父元素為相對定位，再設定子元素為絕對定位，設定子元素的left:50%，margin-left: -元素寬度的一半px
1、設定行高（line-height）等於盒子高（height）（子標籤為內聯）
2、父元素vertical-align: middle;
3、定位，設定父元素為相對定位，再設定子元素為絕對定位，設定子元素的top:50%，margin-top: -元素高度的一半px
HTML 元素居中
行內元素 定寬塊元素 不定寬塊元素，方法1 不定寬塊元素，方法2 不定寬塊元素，方法3 一 需要進行水平居中的元素分類 1，行內元素 不定寬 2，定寬塊元素。3，不定寬塊元素。二 基本居中方式 1，行內元素 text align center 2，定寬塊元素 margin 0 auto 三 不定寬塊...
html元素水平居中
一 行內元素水平居中 如下 行內元素在父容器中水平居中顯示。效果 二 塊狀元素水平居中 當被設定元素為塊狀元素時，text align center 就不起作用了，此時分兩種情況 定寬塊狀元素和不定寬塊狀元素。1 定寬塊狀元素 塊狀元素的寬度width為固定值 方法 滿足定寬和塊狀兩個條件的元素可以...
HTML 元素水平垂直居中
方案一 div絕對定位水平垂直居中 margin auto實現絕對定位元素的居中 相容性 ie7及之前版本不支援 div方案二 div絕對定位水平垂直居中 margin 負間距 這或許是當前最流行的使用方法。div方案三 div絕對定位水平垂直居中 transforms 變形 相容性 ie8不支援 ...