javascript - 使用 Javascript 调整元素大小时如何刷新自动边距？

Question

我的页面中央有一个 DIV，它的 margin-left 和 margin-right 都设置为 auto。我希望能够放大或缩小该 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)})

- http://jsfiddle.net/nvzaw/1/