如何使用jQuery将页面居中在屏幕上？

Question

我使用此代码：

jQuery("#page").css({"left":+'"'+(jQuery(window).innerWidth()-1083)/2+'px"'}); 

我没有收到任何错误，但页面没有居中。

我尝试了各种版本，没有任何帮助。我做错了什么？

Answer 1

+在那里做什么？试试这个：

$("#page").css("left", ($(window).innerWidth() - 1083) / 2); 

Answer 2

您无需将该值放在其他引号中，请替换为：

jQuery("#page").css({"left": (jQuery(window).innerWidth()-1083)/2+'px'});

Answer 3

不要使用jQuery。用CSS做到这一点：

 #page{
    left:50%;
    margin-left: 541.5px;
 }

（二分之一千〇八十三）= 541.5

Answer 4

您已将#page绝对定位为包装器不必要的，您可以相对定位它并使用自动边距。

#page {
   position: relative:
   margin: 0 auto;
}