1

我有许多 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 组合的总宽度变得大于屏幕的宽度,它将开始制作第二个栏(我真的不想要!)。我知道为什么,但我想阻止它。有没有人可以帮助解决这个问题,遇到过这个问题或知道答案?

4

0 回答 0