动态居中 div

Question

我需要做一个网站，中间有一个横向的按钮。我可以使用 left 50% 或 margin-left 但是当我最小化 window - 它不在中间。当您最小化浏览器的 window 时，如何将 div 设置为恰好在中间？

编辑：按照 Trix 所说的进行修复并添加

.center-div{
margin: 0 auto;

}

Answer 1

如果您的 div 有一个 width 值，您可以使用：

CSS

.center-div{
    width: 100px;
    margin: 0 auto;
}

但是，如果没有，您可以将 text-align: center 添加到其父级，并将 display: inline-block; 添加到居中的 div 本身：

HTML

<div class="parent">
    <div class="center-div">
    </div>
</div>

CSS

.parent{
    text-align: center;
}
.parent .center-div{
    display: inline-block;
}