2列浮动包装

Question

我试图将一组包装器浮动在2列中，以便它们彼此相邻。问题是当包装器比其他包装器更大（或更小）时，我希望另一列重新平衡，即2列是事件。

下面是我正在使用的代码以及我想要实现的图像。任何人都可以提出任何有用的建议吗？

 <div id="mainCategoryWrapper">
    <div class="CategoryWrapper" id="Wrapper_1"></div>
    <div class="CategoryWrapper" id="Wrapper_2"></div>
    <div class="CategoryWrapper" id="Wrapper_3"></div>
    <div class="CategoryWrapper" id="Wrapper_4"></div>
    <div class="CategoryWrapper" id="Wrapper_5"></div>
    <div class="CategoryWrapper" id="Wrapper_6"></div>
    <div class="CategoryWrapper" id="Wrapper_7"></div>
    <div class="CategoryWrapper" id="Wrapper_8"></div>
    <div class="CategoryWrapper" id="Wrapper_9"></div>
</div>

Answer 1

对于这种类型的功能，你需要http://masonry.desandro.com/ JS。