我有一个带有多个框的网格(280像素乘280像素),我需要垂直对齐悬停在叠加层上的文本。

我的代码适用于第一个元素,但每个框上的txt长度/高度都不同,我需要一个函数来根据特定的p高度分配顶部填充。

我相信我可以使用.each,但是我无法成功实现它。

这是我的工作代码,我需要对其进行修改以分别定位每个框:

    var txtHeight = $( ".login-item .lgn-overlay p" ).height();
    var topPadding = ((284 - txtHeight) / 2);
    $('.login-item .lgn-overlay').css('padding-top', topPadding);

最佳答案

$('.login-item .lgn-overlay').each(function(){
    var $this = $(this);
    $this.css('padding-top', function(){
        return ((284 - $this.find("p").height()) / 2);
    });
});


尝试是否可行。如果代码中有任何错误,我在计划页面上对此进行了纠正

09-10 05:32
查看更多