bwin1177,bwin亚洲必赢UC手机浏览器下如何让div水平垂直居中。

2016/12 18 20:12
此文章不得转载,如有需要请联系网站管理员。

一度的温暖,一百度的爱情,来自于bwin1177娱乐平台的点点滴滴

UC浏览器在宽高固定下,margin:auto,上下左右0;不能水平垂直居中是什么原因?

CSS#globalTip{
    position: fixed;
    left: 0;
    right: 0;
    top:0;
    bottom:0;
    z-index: 99999;
    width:75%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background-color: #000;
    color:#fff;
    font-size: 1.6rem;
    border-radius: 20px;
}

如果position:absolute就可以,但这并不是我想要的。

display: table-cell;
vertical-align: middle;

我后来换了另一种水平垂直居中写法

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

在absolute和fixed定位方式下使用

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

我也遇到了相同的问题
uc下 水平垂直居中不管事
解决方案

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

(看完/读完)这篇文章有何感想! 来看看bwin1177娱乐平台是怎么评论的吧!

--转载请注明: bwin1177娱乐平台_bwin亚洲必赢平台_bwin1177亚洲必赢平台官网 » bwin1177,bwin亚洲必赢UC手机浏览器下如何让div水平垂直居中。

发表评论

(必填)