html - 如何让mask div中的center div居中对齐？

Question

如何让mask div中的center div居中对齐？

样式:

<style type="text/css">
    .mask {
        position: absolute; top: 0px;
        filter: alpha(opacity=60);
        background-color: #777;
        z-index: 1002; left: 0px;
        opacity:0.5; -moz-opacity:0.5;
        width: 100%;
        height: 100%;
    }

    .center {
        margin-left: auto;
        margin-right: auto;
    }

</style>

html:

<div id="mask" class="mask">
    <div class="center">MASC</div>
</div>

如何让mask div中的center div居中对齐？

我创建了一个阴影层，里面有一个div，我想让div居中对齐，但是我的样式代码好像不行。

Answer 1

让您尝试使用固定值设置 position 属性。

.mask {
       position: absolute; top: 0px;
       filter: alpha(opacity=60);
       background-color: #777;
       z-index: 1002; left: 0px;
       opacity:0.5; -moz-opacity:0.5;
       width: 100%;
       height: 100%;
}

.center {
        position: fixed;
        top: 50%;
        left: 50%;
}