Question

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

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

Answer 1

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

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

Answer 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>

文字环绕Zurb基础

2 个答案: