UC浏览器 垂直水平居中

Posted 言文

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了UC浏览器 垂直水平居中相关的知识，希望对你有一定的参考价值。

今天使用下述方式定义水平垂直居中不起作用

#box{
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

然后改用：

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

至于不起作用的原因 ，我也不知道

以上是关于UC浏览器 垂直水平居中的主要内容，如果未能解决你的问题，请参考以下文章

怎么使用CSS让图片水平垂直都居中？

前端面试CSS系列——DIV垂直水平居中

css html 如何将图片img标签 水平居中 垂直居中 和水平垂直居中

css常用代码片段 (更新中)

垂直水平居中

盒子在浏览器中水平垂直居中