我有许多 div(范围从 2 到 80)作为内联块加载到我的 html 中。这些 div 的宽度旨在填满窗口宽度的整个空间(如单个条形)减去 div 的边距(data.length*2)
并减去填充,-20
具体取决于通过生成的变量tag.duplicate_count/full_links.length
。
到目前为止,一切都很好
var tag_width = tag.duplicate_count/full_links.length;
tag_width = ($(window).width()-(data.length*2)-20)*(tag_width);
结果:
| _ _ | |__ |__ _ __ _ _ |_ _ |__ _ __ _ __ _ __ _ __ _ |
<--------------- window.width --------------->
上面的这段代码实际上可以工作,但问题就从这里开始了。有些 div 有时会分配一个小于 10px 的宽度。为了解决这个问题,我把它放在我的代码中:
tag_width = tag_width < 10 ? 10 : tag_width;
结果:
| _ _ |__| _| _ __ _ ___| _ __| _ __ _ __ _ __ _ ____
___ |
<--------------- window.width --------------->
然而,所有 div 组合的总宽度变得大于屏幕的宽度,它将开始制作第二个栏(我真的不想要!)。我知道为什么,但我想阻止它。有没有人可以帮助解决这个问题,遇到过这个问题或知道答案?