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，以便像this这样的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;
}

浮在浏览器的中心？

2 个答案: