在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