我有许多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;
结果:
|的 _ _ | 的 的 __ | 的 _ | 的 _ __ _ ___ | 的 _ __ | 的 _ __ _ __ _ __ _ ____
的 的 ___ |
&lt; --------------- window.width ---------------&gt;
然而,所有div组合的总宽度大于屏幕的宽度,它将开始制作第二个条(我真的不想要!)。我知道为什么,但我想阻止它。有没有人可以帮助解决这个问题,遇到过这个问题还是知道答案?