html - 使用css水平居中具有动态宽度的div

Question

我已经看过上百万篇关于这个主题的博文，但我找不到针对我的具体问题的解决方案。我的设置如下:

如何使用 CSS 将包装器居中。 Margin:auto 将不起作用。

Answer 1

它的样式是position:absolute，所以你要么必须像这样改变它:

style="position:absolute; max-width:500px; min-width:300px; width:100%"
/* changes to: */
style="margin: 0px auto; max-width:500px; min-width:300px; width:50%"
/* width changes so that there's actually room to center */

或者如果您想保留 position:absolute，则必须使用 Javascript 手动设置 x 和 y 位置。

如果你的意思是你想让里面的东西居中，只需添加 text-align: center;。