0

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

我想知道是否有一种方法来设置样式（css），以便当用户键入文本时，它会在达到设定高度时自动将其流入第二列。

所以一个两列布局......只是文本......当文本达到 300 像素的高度时，我希望它进入顶部右侧的第二列。

我很好奇是否有一种方法可以仅使用 css 来实现这一点，它肯定会为我节省一些 javascripting 时间。

再次感谢Stack的朋友们！

4

1 回答 1

2

查看 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/

于 2013-04-03T22:47:11.037 回答