可以显示:-moz-box;'使用时不要超越' margin 0 auto;'

时间:2014-06-03 11:04:29

标签: css css3 firefox

我使用以下CSS。在Chrome,IE和Safari中,div在屏幕上垂直居中,但在Firefox "显示:-moz-box;' 使其与左侧对齐。

如果我转动'显示:-moz-box;' ,div会居中,但我会失去' -moz-box -align:center;' 功能。

CSS

    .myClass {
        margin: 0 auto;
        height: 100%;
        width: 800px;

        /* Internet Explorer 10 */
        display: -ms-flexbox;
        -ms-flex-align: center;

        /* Firefox */
        display: -moz-box;
        -moz-box-align: center;

        /* Safari, Opera, and Chrome */
        display: -webkit-box;
        -webkit-box-align: center;

        /* W3C */
        display: box;
        box-align: center;
    }

有人可以帮忙吗?

感谢。

0 个答案:

没有答案