Question

所以我总是试图在水平和垂直方向上居中（不同尺寸）。我使用的是jQuery，但是当我调整窗口大小时它只会使我的div居中。我怎样才能让它始终以div为中心，而不必在窗口居中之前先调整窗口大小？

jQuery：

$(window).resize(function(){

    $('.className').css({
        position:'absolute',
        left: ($(window).width() - $('.className').outerWidth())/2,
        top: ($(window).height() - $('.className').outerHeight())/2
    });

});

// To initially run the function:
$(window).resize();

Answer 1

试试这个 -

function rePosition(){
    $('.className').css({
        position:'absolute',
        left: ($(window).width() - $('.className').outerWidth())/2,
        top: ($(window).height() - $('.className').outerHeight())/2
    });
}
$(function(){
  $(window).resize(rePosition);
  rePosition();
});

Answer 2

请尝试使用，

 margin:0px auto;

在css中

Answer 3

我认为这就是你所需要的

function centerDiv(){
$('#divResult').css({
    position:'absolute',
    left: $(window).width()/2,
    top: $(window).height()/2
});
}
$(document).ready(function(){
    $(window).resize(function(){
        centerDiv();
    });
});

hier ist demo Jsfiddle

中心不同尺寸的div

3 个答案: