Jquery砌体，高度固定

Question

我有一个项目列表，我想要显示所有具有相同高度，但宽度不同并动态生成的项目。我希望它们都能以尽可能多的空白空间显示。我认为砖石会有所帮助，但它似乎在制造奇怪的排水沟。

我应该使用jquery-masonry或替代插件中的选项吗？

HTML：

<div class="tagbox">
  <div>test</div>
  <div>technology</div>
  <div>search</div>
  <div>a longer test item</div>
  <div>another test</div>
  <div>development</div>
</div>

样式：

display: block;
float: left;
margin-bottom: 5px;
margin-right: 5px;
padding: 10px;
text-decoration: none;
white-space: nowrap;

使用Javascript：

        $('.tagbox').masonry({
            itemSelector: 'div',
            isFitWidthBooleanfalse: true,
            gutterWidth: 0,
            columnWidth: function (containerWidth) {
                return containerWidth / 5;
            }
        });