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

Question

我使用这个代码：

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

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

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

Answer 1

您不需要将值放在额外的引号中，替换为：

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

Answer 2

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

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

Answer 3

不要用 jQuery 来做。用 CSS 做：

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

(1083/2)=541.5

Answer 4

您已经定位了#page包装器不需要的绝对值，您可以相对定位并使用 auto margin 。

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