jquery - 浮动在浏览器中心？

Question

我写了一些 jquery（为语法道歉），将 div 居中在浏览器中间：

$(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;
}