通过乘以值扩展容器高度

时间:2013-08-23 15:38:01

标签: jquery css

我想自动将容器的高度扩展为28px的倍数。我有一个只能垂直重复的模式,所以我不能在不是28的倍数的高度裁剪它。例如,如果我的容器的高度为400px,我需要扩大高度420px以便模式垂直重复并且不会被裁剪。

关于我需要创建的jQuery函数逻辑的任何想法?

2 个答案:

答案 0 :(得分:6)

这有帮助吗?

var container = $('#container'), unit = 28, height = container.height();
(height % unit > 0) &&
container.height(Math.ceil(height / unit) * unit);

答案 1 :(得分:4)

var needsExpansion = jQuery("#mydiv").height()%28 > 0;
if( needsExpansion ) {
   var newHeight = Math.ceil(jQuery("#mydiv").height()/28) * 28;
   jQuery("#mydiv").height(newHeight);
}