zurb-foundation - 如何让文本列在 Zurb Foundation v3.2.5 中自动换行？

Question

我已经检查了文档，但无法找到如何让 Zurb Foundation 像 Word 那样在列中自动换行文本，例如：http: //note.io/1aunnZM

有人可以帮忙吗？

Answer 1

您需要使用CSS3 多列而不是 Foundation 的列。

HTML

<div class="row">
  <div class="small-12 columns newspaper">
    ALL YOUR TEXT HERE
  </div>
</div>

CSS

.newspaper {
  column-count:2;
  -moz-column-count:2;
  -webkit-column-count:2;
}

这是完整的演示。