如何将一系列div放入窗户的大小?

时间:2012-12-17 13:15:14

标签: javascript jquery

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

0 个答案:

没有答案