我在将-moz-box对齐以在firefox和IE中正确显示时遇到一些麻烦。我可以通过将'-webkit-box-pack'更改为居中/结束等方式对chrome / opera正确地进行操作,并且效果很好,但是'-moz-box-pack'并没有改变任何内容

这是我的网站http://www.awforum.co.nf/register的示例页面的链接

   body{
       background-color:#EAEAEA;
       width:100;
       display:-moz-box;
       display:-webkit-box;
       -moz-box-pack: center;
       -webkit-box-pack:center;
       //-moz-box-align:center;
       //-webkit-box-align:center;
       text-align: center;
    }

最佳答案

看起来您尝试使用flex-box模型的旧方法/语法。

今天会更像:

body{
    background-color:#EAEAEA;
    width:100;
    display:-webkit-box;
    -webkit-box-pack:center;
    -webkit-box-align:center;
    text-align: center;
    background-color:#EAEAEA;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
        -ms-flex-align:center;
            align-items:center;
   -webkit-box-pack:center;
   -webkit-justify-content:center;
       -ms-flex-pack:center;
           justify-content:center;
}

关于css - 无法将-moz-box对准Firefox/IE,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/35243082/

10-17 00:54