在div中用列包裝文本

如何將文本包裝在一列中的3列中？我試過這個，但它不工作。在div中用列包裝文本

<pre> 
    #about-text{float:left;word-wrap:break-word;width:100px;height:150px;} 
</pre>

Example

來源

2013-05-02 user2293004

你的標記是什麼樣的，你是否願意增加額外的元素？我不確定你希望代碼實際執行什麼，但查看[CSS Columns]（http://davidwalsh.name/css-columns），它是[瀏覽器支持]（http://caniuse.com/multicolumn ）。 – 2013-05-02 22:50:22

看看這裏http://stackoverflow.com/questions/16326418/alignment-of-2-columns-of-text/16326586#16326586 – Sachin 2013-05-02 22:58:42

#about-text{ 
    width:700px; 
    height:200px; 
    -webkit-column-count: 3; 
     -moz-column-count: 3; 
      column-count: 3; 
    -webkit-column-gap: 10px; 
    -moz-column-gap: 10px; 
      column-gap: 10px; 
}

一個演示：http://jsfiddle.net/mwY5u/

瞭解更多關於columns

來源

2013-05-02 23:01:04