浮在瀏覽器的中心？

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