1.transforms屬性的translate平移 position設定：子絕父相
transform:translate(-50%,-50%)
top:50%
left:50%
2.margin position設定：子絕父相
在父元素設定：margin:0 auto
在子元素設定： left：50% top:50% 自身的寬和高
margin-left：自身寬度的-1/2
margin-top：自身高度的-1/2
3.flex布局：在父元素中設定 justify-content:center; //使子專案 水平居中 align-items:center;//使子專案垂直居中 display:flex
盒子垂直水平居中
1 定位 盒子寬高已知，position absolute left 50 top 50 margin left 自身一半寬度 margin top 自身一半高度 2 table cell布局 父級 display table cell vertical align middle 子級 margin...
盒子垂直水平居中
要設定內部盒子在外部盒子內垂直水平居中，可以有以下幾種做法 假設外部盒子為紅色，大小為10em 10em 內部盒子為黃色，大小為3em 3em。在調整位置之前，盒子情況如下 由於知道兩個盒子的大小，只要設定黃盒子的位置即可，首先設定黃盒子的position為absolute，再將黃盒子向右下方偏移紅...
如何實現水平垂直居中
固定寬高的元素，設定垂直居中 法一 用position absolute和transform translate來設定 css3的方法 div法二 設定display absolute和margin left margin top設定 css2的方法 div法三 設定四邊都為0，margin aut...