将div的高度设置为最接近的X乘法

时间:2015-01-20 14:22:28

标签: javascript jquery html css

这是一个不寻常的问题(我不完全确定如何说出来),但我会尽我所能。

我正在尝试使用Javascript / jQuery,根据获取当前高度(由其中的文本设置)设置div的高度,然后将其四舍五入到最接近的60的倍数。

例如,假设div的高度为192像素,基于其中的文本。我希望javascript获得此高度,并将值更改为240(4 x 60)。

可能有一个简单的解决方案,但我想不出从哪里开始!

先谢谢你,哈利。

1 个答案:

答案 0 :(得分:3)

在jQuery中:

var height = Math.ceil($('#thediv').height() / 60) * 60;
$('#thediv').css('height', height);

编辑:为了响应,您需要在计算之前重置高度,即:

$(window).resize(function() {

    $('#thediv').css('height', 'auto');

    setTimeout(function() {
        var height = Math.ceil($('#thediv').height() / 60) * 60;
        $('#thediv').css('height', height);
    },1);

});