如何讓textcolumns在Zurb Foundation v3.2.5中自動換行？

Question

我已經檢查了文檔，但無法找到如何讓Zurb基金會自動換行的文本像Word那樣，例如：http://note.io/1aunnZM

任何人都可以幫忙嗎？

Answer 1

您需要使用CSS3 Multiple Columns而不是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; 
} 

這裏的full demo。