使用Zurb基础的文字环绕

如果窗口有调整大小，我希望能够包裹文字，我知道这可以做到，因为在SO中有类似于我的其他问题。（我想这one将符合条件）使用Zurb基础的文字环绕

我使用基金会4（最新版本）和提供的解决方案无法正常工作;例如看看下面的屏幕截图here，它显示了结果，计算出来的CSS规则和实际的页面标记。它还表明连续a的字符串不会按照它们的方式进行包装。任何想法如何去纠正这一点？

2013-10-01 jtimz

这不是一种语言。这是一个CSS框架。 Word包装技术与CSS相同。尝试下面的代码。

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

来源

2013-10-01 09:28:24 user2834221

谢谢！这有效，但你能告诉我为什么以前的解决方案不起作用（在另一个SO主题中提供的解决方案） – jtimz

你可以用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>

来源

2014-08-27 20:22:32 rafibomb

使用Zurb基础的文字环绕

回答

相关问题