计算4x经文容器的宽度

时间:2013-07-03 22:39:38

标签: javascript jquery css width sum

我想创建简单的脚本来计算宽度和容器宽度的总和。 这是一个例子: http://codepen.io/Szymon_Dziewonski/pen/ycJxf

如果我想要在此特定#inner宽度上使用4行,则需要指定#container的宽度。 如果不是ul li,只需进入一行。 正如你所知,当没有确切数量的li时,我的计数对于这个问题还不够好。 例如

10 li =(40 * 100px)/ 4 = 1000px所以它是好的anwser #inner将是1000px并且将是4行(10 + 10 + 10 + 10)li's

但是如果:

15 li =(25 * 100px)/ 4 = 625px所以它是#inner 625 4行* 6 li's + 1 li's

问题是li的数量是奇数还是偶数=结果不同

如果有人知道如何解决这个问题,我将非常高兴并且将会感激帮助! 谢谢。

1 个答案:

答案 0 :(得分:0)

var accum_width = 0;
var test = Math.ceil($('#inner li').size()/4)*102;

if(test > 1122){
  $('#container').width(test);
}else{
    $('#container').width(1122);
}    

这就是答案'math.ceil'