如何在 Zurb Foundation v3.2.5 中让 textcolumns 自动换行? [英] How to get textcolumns to auto-wrap in Zurb Foundation v3.2.5?

问题描述

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

有人可以帮忙吗?

解决方案

你需要使用 CSS3多列而不是基金会的列.

HTML

<div class="small-12 列报纸">你所有的文字都在这里

CSS

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

这是完整演示.

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?

解决方案

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.

这篇关于如何在 Zurb Foundation v3.2.5 中让 textcolumns 自动换行?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！