Question

我试图用jQuery垂直居中两个div。我横向做了类似的事情并且工作正常。

这是我的javascript：

$j(function() {

    $j('#arrowright', '#arrowleft').css({
        'margin-bottom' : -$j('#arrowright').height()/2,
    });

});

我的CSS：

#arrowright {
    position:absolute;
    bottom: 50%;
    left:10px;
}
#arrowleft {
    position:absolute;
    bottom: 50%;
    right:10px;
}

html是：

<div style="position: relative">

    <div id="arrowright"></div>

    <div id="arrowleft"></div>

</div>

Answer 1

我认为您需要类似下面的内容，根据项目，相应调整底部边距（其中值应以字符串形式输入）：

$('#arrowright, #arrowleft').css('margin-bottom', function() { return '-' + $(this).height() / 2 + 'px' } );