Zurb Foundation多列网格高度问题

Question

我使用Zurb Foundation就像一个快速开发轻型项目的漂亮平台。而今天我一直坚持一件事。 我不知道如何更好地称呼它，更容易显示......

http://oi61.tinypic.com/2dkhfuq.jpg

因此，当上面的列有太多内容时会发生这种情况。 另外......列必须具有非固定高度，不要使用块网格！ TY！

Answer 1

有两种方法可以解释您的要求。首先是你有一个浮动问题而且列正在向右堆叠。如果你想要空白区域，你需要一个像Masonry或Isotope这样的JS插件。

另一种解释方法是你希望它们处于同一高度。使用Foundation有两种方法可以解决这个问题：用每个行包装：

<div class="row">
  <div class="small-12 medium-4 columns"></div>
  <div class="small-12 medium-4 columns"></div>
  <div class="small-12 medium-4 columns"></div>
</div>

行类在启动时基本上运行清除，因此它将为它们提供空间。您不需要使用我的语法，但它将是一个有效的示例。如果你想让所有的文章都基于最大的文章，那么基金会有一个很棒的插件，内置名为Equalizer。

均衡器和我的列语法依赖于使用Foundation 5。