中心div动态

Question

我需要建立一个网站，并且有一个水平位于中间的按钮。我可以使用左边50％或左边距但是当我最小化窗口时 - 它不在中间。当你最小化浏览器的窗口时，如何将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;
}