// 1.inline-block + text-align
.parent
.child
// tips：此方案相容性較好，可相容至ie8，對於ie5 6 7並不支援inline-block，需要使用css hack進行相容
// 2.table + margin
.child
// tips：此方案相容至ie8，可以使用代替css寫法，相容性良好
// 3. absolute + transform
.parent
.child
// tips：此方案相容至ie9，因為transform相容性限制，如果.child為定寬元素，可以使用以下寫法，相容性極佳
.parent
.child
//4. flex + justify-content
.parent
.child
+ vertial-align
.parent
+ transform
.parent
.child
//tips：存在css3相容問題，定寬相容性良好
// tips
: safari瀏覽器顯示異常，不建議使用
+ align-items
.parent
//tips：高版本瀏覽器相容，低版本不適用
+ table-cell + text-align + vertical-align
.parent
.child
// tips：相容至ie8
+ transform
.parent
.child
// 畫素為 奇數時，會出現字型模糊
居中 居中 居中
flex是flexible box的縮寫，意為 彈性布局 用來為盒狀模型提供最大的靈活性。設為flex布局以後，子元素的float clear和vertical align屬性將失效。它即可以應用於容器中，也可以應用於行內元素。這是內容區一 實現對行內元素的水平居中顯示 採用text align c...
居中（水平居中 垂直居中）
一 水平居中。1.最普通的 在視口或視窗中 水平居中。先寫乙個div，給它一些基本樣式。此時只用設定乙個屬性 margin，就得到了居中的結果 沒錯，這就是凝膠物布局，此方法必須設定元素的width 2.居中乙個絕對定位的元素。上述方法的元素使用預設的定位，即static，那麼當元素是絕對定位 ab...
css居中控制 水平居中 垂直居中
ul li橫排 ul li.container container ul.container listyle container container ul.container listyle 水平居中 1.如果被設定的元素是行內元素 text img 給父元素設定text align center即...