分享一種比較萬能的居中方式

緣氏集團技術員發表於2017-09-23

#思路還是寬高計算，只是實現方式比較簡便

/*外部盒子相對定位*/
.box {
    position: relative;
    width: 100%;
    height: 100%;
}
/*內部盒子絕對定位，想在哪個方向居中就哪個方向先位移50%*/
.center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d( -50%, -50%, 0 );
}複製程式碼

#點睛之筆是這個transform屬性的應用，簡單吧，再也不用為不知道寬高而無法居中煩惱了~

相關文章