jquery - 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

Don't do it with jQuery. Do it with CSS:

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

(1083/2)=541.5

Answer 4

#pageラッパーに必要のない絶対的な を配置した場合は、相対的に配置して auto margin を使用できます。

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