具有多行的CSS3 MultiColumn元素

Question

如果您有大量文本并使用css多列元素，则列往往比屏幕更长，这对于阅读来说非常烦人。在specification中有一些关于行的讨论，但我不确定如何使用它。还有人说，在分页媒体的情况下，溢出的列可以显示在下一页上。但是，我不确定如何在浏览器中将它用于div。

我感兴趣的是为列提供固定的高度和宽度。然后，每行应显示尽可能多的数据。

好的，让我添加一些代码：

假设我有一个简单的div

div {
    -webkit-column-width: 400px;
    -moz-column-width: 400px;
    column-width: 400px;
    width: 820px;
}

现在，如果有很多文本，例如本例http://jsfiddle.net/5jqwd/6/，那么阅读就不好了。如果存在某种类似页面的页面，那么它的可读性会好得多http://jsfiddle.net/5jqwd/4/。当然，我不想手动告诉浏览器每个页面的开始或结束位置。