Javascript/jQuery-使用模数确保div的高度是x的倍数

我有一个博客，里面有很多

div.content

s，每个博客的高度都是22px的倍数（因此所有的文本都与网格的背景图像对齐）。我想你可能会这样做：

    // loop for each div.content   
    // var height =  $('div.content').height()
    // var modulus = height%22
    // var padding = 22 - modulus
    // $('div.content').css({'padding-left': 'PADDINGpx'})

听起来是这样吗？我对JS不是很在行。如何将padding变量放入jquery函数中

---

提前谢谢

我觉得不错。您需要使用字符串连接将变量与字符串连接起来：

$('div.content').css({'padding-left': padding+'px'});

需要指出的一点是，如果div是22的倍数，那么仍然需要向其中添加22px。如果不需要，请使用

If

语句有条件地添加填充：

// loop for each div.content   
var height =  $('div.content').height();
var modulus = height%22;
var padding = 22 - modulus;

if (modulus)
    $('div.content').css({'padding-left': padding+ 'px'});

还有，别忘了你的计划。

试试看

$('div.content').css({'padding-left': **padding+'px'**})

---

您只需执行以下操作即可获得填充

var_padding = 22 - modulus;
$('div.content').css({'padding-left': var_padding})

---

我认为给它一个

行高：22px

应该可以自动完成这个任务

---

（也许我理解错了什么…）

如果帖子中有图片或视频，那么所有精心设置的线条高度都会被扔掉。@rik，的确如此。我没有考虑影响尺寸的其他因素。。放弃我的答案：）