是否可以为用户输入设置两列布局样式(以便它溢出到第二列)

Question

我正在创建一个网站，将由用户稍后通过CMS (Joomla!)编辑。

我想知道是否有一种方法来样式(css)它，以便当用户键入文本时，它自动流到第二列，当它达到设定的高度

所以一个两列布局…只是文本…当文本的高度达到300px时，我想让它进入它的右边的第二列。

我很好奇是否有一种方法可以只用css实现这一点，这肯定会节省我在javascript上的一些时间。

再次感谢Stack的朋友!

Answer 1

查看CSS3的column-count属性。有一个polyfill可以让它在旧的浏览器中工作。

textarea {
   -webkit-column-count: 3; /* Safari & Chrome */
      -moz-column-count: 3; /* Firefox */
       -ms-column-count: 3; /* Internet Explorer */
        -o-column-count: 3; /* Opera */
           column-count: 3; /* W3C */
    height: 300px;
}

演示:http://jsfiddle.net/nPxSL/1/