Question

fiddle - 这是一个例子。

我正在尝试做一些看起来像windows 8 tiles网格的东西。我们有3种类型的瓷砖尺寸

我的观点是，瓷砖不需要经过精心分类，但它们之间存在空隙。

我已检查Masonry，Isotope，freetile，vGrid，Wookmark并出现同样的问题：空缺误。

我知道有时在逻辑上可能无法避免间隙，但在这种情况下确实可能存在差距。

它不一定是jquery插件的解决方案 - 我唯一需要得到的是不同的瓷砖，但彼此适合尺寸并避免它们之间的间隙，当我'包装'它们时。

$('article').freetile();

Answer 1

在SO上搜索同位素+间隙和砌体+间隙。已经无数次处理过。根据DOM中1x1,2x1和2x2 div的外观顺序，在某些浏览器宽度上，“间隙”是不可避免的，特别是如果元素很大。

Answer 2

我做到了。关键是要设置columnWidth。如果tile之间的宽度为150px，余量为10px，则为columnWidth：160。