1

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

<div id="wrapper" style="position:absolute; max-width:500px; min-width:300px; width:100%"> </div>

如何使用 CSS 将包装器居中。保证金：自动将不起作用。

4

3 回答 3

0

你需要使用margin: 0 auto;not margin: auto;。我最初犯了同样的错误。

于 2013-05-09T23:15:38.727 回答
0

它的风格是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;.

于 2013-05-09T23:10:42.160 回答
0

您是否尝试过给包装器设置宽度而不是 100%，然后设置边距：自动？

于 2013-05-09T23:10:44.677 回答