用div中的列包装文本

Question

如何将文本包装在一个包含3列的div中？ 我尝试了这个，但它没有用。

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

Example

Answer 1

#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

Answer 2

   style="word-break: break-all;"

使用分词来打破

上的文字