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

How do I refresh auto margins when I resize an element using Javascript?

本文关键字：刷新 何刷新 元素 调整 Javascript 小时 使用      更新时间：2023-09-26

我在页面中心有一个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，那么它就会变得向左太远。

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

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/

我在这里发布了一个类似问题的答案（关于窗口大小调整）

也许这对你有帮助！

相关文章：