Javascript js<；p>；高度始终是20像素的倍数

我有一个布局问题。 我的全局行高度是20px（

.A

）。有时，我会对非常小的字体（

.B

）使用10px的行高。问题是当我有两列时，第一列有

有时这两列不对齐，这取决于
的行数
所以我要找的是一个小的js脚本（jQuery或vanilla），强制将
的高度设置为20px的倍数

i、 e
偶数行数（.A匹配）

奇数行（.A不匹配）
此代码将调整所有
标记的大小，使其在窗口调整大小事件中的高度为20的倍数：

(function($) {
    $(function() {
        var pTags = $('p');

        $(window).on('resize', function() {
            pTags.each(function() {
                $(this).css({
                    'height': ''
                });

                var currentHeight = $(this).height();
                $(this).css({
                    'height': currentHeight + (20 - (currentHeight % 20))
                });
            });
        }).trigger('resize');
    });
})(jQuery);

a最小高度：段落B为20px，是否可行？你能发布一个实际的例子吗？你能发布一个相关标记和css的小例子吗？（请不要只是复制/粘贴一吨不相关的代码）@fcalderan是的，但问题是如果我有3行，那么行高将是30px，我希望这是40px以与另一行匹配column@Archer我添加了一些图片来向您展示图片是毫无意义的。请发布一个相关标记和css的小例子。非常好，正是我们需要的。我的匹配完美你能解释一下（或链接我）“当前高度%20”的确切含义吗？我不明白“%”是模运算的-它在除以以下数字后返回余数。e、 感谢你的解释，祝你有一个美好的一天，一点问题都没有，祝你自己有一个美好的一天，祝你的项目顺利