css - 集中浮动元素

Question

我的“div”元素有一个相对宽度，它不是绝对的，所以我不能使用精确的数字来集中。一个不错的解决方案是使用“display: inline-block”：

body {
    text-align: center;
}

#myDiv {
    border: 1px solid black;
    display: inline-block;
    padding: 50px;
}

但是这个元素需要浮动，我试过这个：

#myDiv {
    border: 1px solid black;
    display: inline-block;
    float: left;
    padding: 50px;
}

还有这个：

#myDiv {
    border: 1px solid black;
    display: inline-block;
    padding: 50px;
    position: absolute;
}

没有任何成功，有人可以帮助我吗？

谢谢

Answer 1

#myDiv {
    margin: 0 auto;
}

Answer 2

您可以使用此 css 居中任何块元素：

margin:auto;
width: some fixed value;

所以元素需要有固定的宽度，才能像这样居中。