使用 Zurb 基础的文本换行答案

【问题标题】：Text Wrapping with Zurb foundation使用 Zurb 基础的文本换行
【发布时间】：2014-08-28 04:22:32
【问题描述】：

如果调整窗口大小，我希望能够换行文本，我知道这可以做到，因为在 SO 中还有其他类似于我的问题。（我猜这个one 符合条件）

我正在使用 Foundation 4（最新版本）并且提供的解决方案不起作用；例如，看看下面的截图here，它显示了结果、计算的 CSS 规则和实际的页面标记。它还表明，连续 a 的字符串没有按应有的方式包装。有关如何纠正此问题的任何想法？

【问题讨论】：

【解决方案1】：

它不是一种语言。它是一个 CSS 框架。自动换行技术与 CSS 相同。试试下面的代码。

.class
{
    word-wrap: break-word;
}

【讨论】：

谢谢！这行得通，但你能告诉我为什么以前的解决方案不起作用（另一个 SO 主题中提供的那个）

【解决方案2】：

您可以使用 align 属性来做到这一点。这允许文本换行。

<div class="row">
  <div class="small-6 columns">
  <img align="right" src="http://placeimg.com/240/240/any">
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vero eligendi optio sed     numquam hic. Error repellendus in placeat officia alias sapiente facere asperiores accusamus quaerat ea voluptatibus commodi, pariatur, obcaecati. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores nemo, illum mollitia quos delectus. Cupiditate deserunt ipsa esse a fuga, veniam, magnam, possimus reprehenderit commodi voluptate quaerat quisquam vel sed.</p>
  </div>
</div>

【讨论】：