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

如何使用jquery将DIV设置为中心动画,jquery,html,jquery-animate,Jquery,Html,Jquery Animate,我有一个div,它覆盖了整个页面width=100%和height=100%。我希望使用ignjquery.animate以较小的宽度将div水平居中设置动画,即800px这取决于您的CSS和灵活性 以下是一种方法的示例: 在本例中,我将divrelative定位,并使用jQuery将初始高度/宽度设置为文档的宽度。我还将left位置设置为50%,将边距left设置为宽度的一半(从而将其拉回中心)。然后我相应地设置宽度和左边距的动画 您也可以使用margin:auto居中方法,然后只需设置宽度

我有一个div,它覆盖了整个页面
width=100%
height=100%
。我希望使用ign
jquery.animate
以较小的宽度将div水平居中设置动画,即800px

这取决于您的CSS和灵活性

以下是一种方法的示例:

在本例中,我将
div
relative定位,并使用jQuery将初始高度/宽度设置为文档的宽度。我还将
left
位置设置为50%,将
边距left
设置为宽度的一半(从而将其拉回中心)。然后我相应地设置
宽度
左边距
的动画

您也可以使用
margin:auto
居中方法,然后只需设置宽度的动画,但我始终对这种居中方法持怀疑态度:


这完全取决于你的CSS和你的灵活性

以下是一种方法的示例:

在本例中,我将
div
relative定位,并使用jQuery将初始高度/宽度设置为文档的宽度。我还将
left
位置设置为50%,将
边距left
设置为宽度的一半(从而将其拉回中心)。然后我相应地设置
宽度
左边距
的动画

您也可以使用
margin:auto
居中方法,然后只需设置宽度的动画,但我始终对这种居中方法持怀疑态度:


太棒了,真是太棒了+1给你;)太棒了,真是太棒了+1给你;)