How to get textcolumns to auto-wrap in Zurb Foundation v3.2.5?

问题

I've checked the documentation but cannot find out how to have Zurb Foundation auto-wrap text in columns like Word does, example here: http://note.io/1aunnZM

Can anyone help, please?

回答1:

You would need to use CSS3 Multiple Columns instead of Foundation's columns.

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;
}

Here's the full demo.

来源：https://stackoverflow.com/questions/18377376/how-to-get-textcolumns-to-auto-wrap-in-zurb-foundation-v3-2-5