如何使用jquery将DIV设置为中心

时间:2012-03-23 22:14:37

标签: jquery html jquery-animate

我有一个div,涵盖整个页面width=100%height=100%。我想让jquery.animate使div设置为水平居中,其宽度较小,即800px

1 个答案:

答案 0 :(得分:3)

这一切都取决于你的CSS以及你的灵活性。

以下是一种实现方法的示例:

http://jsfiddle.net/2Qxwn/

在这种情况下,我定位div亲戚,并使用jQuery将初始高度/宽度设置为文档的宽度。我还将left位置设置为50%,将margin-left设置为宽度的一半(从而将其拉回到中心)。然后,我会相应地为widthmargin-left制作动画。

您也可以使用margin: auto居中方法,然后您只需要为宽度设置动画,但我总是对这种居中方法持谨慎态度:

http://jsfiddle.net/2Qxwn/1/