使用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基礎的文字環繞

回答

相關問題