相关疑难解决方法(0)

使用margin:auto来垂直对齐div

所以我知道如果我们使用,我们可以将div水平居中margin:0 auto;.应该margin:auto auto;如何工作我认为它应该工作?垂直居中也是如此?

为什么不起作用vertical-align:middle;

.black {
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background:rgba(0,0,0,.5);
}
.message {
    background:yellow;
    width:200px;
    margin:auto auto;
    padding:10px;
}
Run Code Online (Sandbox Code Playgroud)
<div class="black">
    <div class="message">
        This is a popup message.
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

的jsfiddle

html css centering

95
推荐指数
6
解决办法
20万
查看次数

标签 统计

centering ×1

css ×1

html ×1