jquery - ブラウザの中央にフロートしますか?

Question

ブラウザーの中央に div を配置する jquery (構文についてはお詫びします) を作成しました。

$(document).ready(function() {
    function move_div(){
        window_width =      $(window).width();
        window_height =     $(window).height();

        obj_width =         $('#div_to_center').width();
        obj_height =        $('#div_to_center').height();

        $('#div_to_center').css('top', (window_height / 2) - (obj_height / 2)).css('left', (window_width / 2) - (obj_width / 2));

    }

    move_div();

    $(window).resize(function() {
        move_div();
    });

});

私がやりたいのは、これを Tumblr に実装して、このような divを中央に配置することです。

ただし、Tumblr の API には詳しくありません。そして、それを実装する方法。

Answer 1

私はあなたが追加すべきだと思います.css('position', 'fixed')

ただし、純粋な CSS を使用することもできます。

これにより、ボックスがページの中央に配置されます。

#box{
    width: width;
    height: height;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -width/2;       
    margin-top: -height/2;       
}

Answer 2

これを試して：

#div {
width: 100%;
display: block;
}
#content {
margin: auto;
}