Question

我的页面中间有一个DIV，其左边距和右边距都设置为自动。我希望能够放大或缩小DIV。不幸的是，当我这样做时，它在屏幕上的位置不会改变，这意味着它不再居中。

<div id="content" style="margin-left:auto;margin-right:auto;width:240px">
  <p>Lots of text</p>
</div>

同时在其他地方：

$("#content").width(480);

此时，我的div不再居中，而是偏向右侧。同样，如果我将宽度设置为小于240，则它会变得太靠左。

当宽度变化时，如何确保我的边距实际调整？需要在所有现代浏览器中工作。

Answer 1

div仍然居中。只是文本左对齐。

试试这个：

<div id="content" style="margin-left:auto;margin-right:auto;width:240px;border:1px solid red;text-align:center">
  <p>Click here</p>

$('p').click(function(){$("#content").width(480)})

Answer 2

我已经发布了类似问题的答案（关于窗口调整大小）here

也许这可以帮到你！