1.div的水平居中
margin:0 auto
2.table-cell實現垂直居中
樣式：.box.box1
html結構：
<
div
class
="box box1"
>
<
span
>垂直居中
span
>
div>
3.display:flex布局的方式
css樣式：.box1
4.知道div高度和寬度的垂直居中
1.使用絕對定位，高50%，寬50%
2.然後再margin-left div寬度的一半 margin-top div高度的一半
5.不知道div高度和寬度的垂直居中
position: absolute;top: 50%;
left: 50%;
transform: translate("-50%","-50%");
CSS居中之美（一） 垂直居中
css 的屬性 vertical align 指定了行內水平 inline level 元素或 單元格 table cell 元素的垂直對齊方式.html class wrap class cell hello sublime p div css wrap cell 因為vertical align...
CSS flex樣式垂直居中
案例 水平垂直居中 flex 布局教程 語法篇 由於div預設是沒有高度的，如果設定了高度，預設是從左到右，從上到下的順序來排布 如果要做垂直居中，就需要計算div控制項的高度，如果內容變多或者變少，又會導致定位不準確，因此，最穩妥的辦法就是讓瀏覽器自己去根據div的高度居中顯示 設為 flex 布...
css 水平居中 垂直居中 水平垂直居中
一 水平居中 1 行內元素水平居中text align center 2 塊級元素水平居中margin 0 auto 3 多個塊狀元素的水平居中 實現多個水平排列的塊狀元素的水平居中，是將要水平排列的塊狀元素設為display inline block，然後在父級元素上設定text align ce...