我有一个带有多个框的网格(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);
});
});
尝试是否可行。如果代码中有任何错误,我在计划页面上对此进行了纠正