Javascript 如何使用Jquery在页面中心对齐div？

Iam使用以下css代码将我的div定位在页面中心：

.content{
 width:1000px;
 height:600px;
 margin:auto;
 margin-top:auto;
}

我的要求：
我想使用JQuery在$（document.ready）（函数（）{}）中实现上述功能。最初，我将分配div的负位置并将其隐藏。然后在document.ready中，我想显示它并为分配上述属性的div设置动画

我尝试实现了同样的功能。我可以指定宽度和高度，但margin:auto和margin-top:auto；不起作用

如果有人能指导我，那将非常有帮助

这就是我正在做的：

---

我需要看到div从-5550px移动到div中心的动画。如何实现这一点？

我在这篇文章中找到了一个有趣的回复

---

希望它能帮助您！

您不需要jQuery来居中显示项目，在我的示例中，我使用它在div上添加了一个类，使其从左到右：

$（函数（）{
$（“div”）.addClass（“显示”）；
})；

*
{
保证金：0；
填充：0；
}
html，正文
{
身高：100%；
}
div
{
最高：50%；
左-50%；
背景：黑暗；
宽度：100px；
高度：100px；
位置：相对位置；
转换：翻译（-50%，-50%）；
-moz转换：.5s易用性；
-webkit过渡：.5s轻松；
}
所示分区
{
左：50%；
}

查看此演示：

我在div.content on document ready状态中添加了一个新类，并在css文件中指定了新样式。这将使您更容易使用css文件本身编写新样式

---

如果要使用jQuery本身添加样式，请使用.css（）属性本身。

请创建jsfiddle。这很难理解。www.jsfiddle.net您可以参考以下链接，但也只能使用css。可能的重复我想使用JQuery。我计划实现一些其他功能。我在回答中使用了JQuery。您看到我的回答给出的结果了吗？它看起来像吗喜欢你想要的吗？你的答案绝对不错。但我需要修改我的jQuery代码。我正在寻找与之相关的答案。！！你用jQuery设置样式。对我来说，更好的方法是操作（添加、删除、切换）CSS类（在CSS样式表中定义）.12行的JS，创建一个函数来集中HTML项，这对我来说是典型的过度。谢谢David。我之前看过这篇文章。我想要的是div的动画。请看更新的问题。我使用jQuery（）的动画功能捕捉我提供的链接使用的值，并将它们传递到数组中。例如：

$（“#您的#元素_id”）。动画（{“位置”：“绝对”、“顶部”：Math.max（0），（$（window.height（）-$（this.outerHeight（））/2）+$（window.scrollTop（））+“px”，“左”：Math.max（0，（$（window.width（）-$（this.outerWidth（））/2）+$（window）.scrollLeft（））+“px”}，5000）；

如果希望更新答案，可以详细说明问题。

$(document).ready(function()
{
   $('.content').css('display','block'); 
   $('.content').addClass('other_properties');
});