css - UC手机浏览器下如何让div水平垂直居中。

Question

UC浏览器在宽高固定下，margin:auto，上下左右0；不能水平垂直居中是什么原因？ {代码...} 如果position:absolute就可以，但这并不是我想要的。

大家讲道理 · Answer

顯示：表格單元格；
垂直對齊：中間；

大家讲道理 · Answer

我後來換了另一種水平垂直居中寫法

css#globalTip{
    position: fixed;
    left:50%;
    top:50%;
    z-index: 99999;
    margin-left: -35%;
    margin-top:-25px;
    width:75%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background-color: nth($theme-color,1);
    color:#fff;
    font-size: 1.6rem;
    border-radius: 20px;
}

但依然想知道UC瀏覽器用原寫法怎麼解決bug

大家讲道理 · Answer

在absolute和fixed定位方式下使用

#globalTip{
    position: fixed;
    left:50%;
    top:50%;
    -webkit-transform:translate3d(-50%,-50%,0);
    transform:translate3d(-50%,-50%);
}

怪我咯 · Answer

我也遇到了相同的問題
uc下水平垂直居中不管事
解決方案

.box{
    display: flex;
    justify-content: center;
    align-items: center;
}