我正在使用CSS3多列来获取我的博客的印刷杂志外观，但更长的帖子并不完全适合屏幕，需要笨拙的滚动。有没有办法闯入比如500px高的div，以便读者可以在滚动之前读取一个3列的文本块？
我尝试使用jQuery每6个段落插入一个column-span: all范围，但这会产生不一致的高度结果。
有什么想法吗？
这是一个example post（警告：列在IE中不起作用，抱歉。这是另一个问题）。
答案 0 :(得分：0)
从下面抓住所有这些建议。我找到了你需要的东西。你需要CSS3区域。它允许您将一个区域的溢出设置为流入另一个区域。只需设置高度，然后为流flow-into: whatever;和flow-from: whatever;设置CSS3命令。普雷斯托！为-webkit-flow-into: whatever;
我认为你需要javascript。列跨度所有这都是一个好主意，因为它会像你需要的那样将其分解，但是很难让<hr />或者你曾经在垂直的正确位置得到它们。我发现一个链接有一些代码来检测溢出并将其放在另一个div中。我没有检查它是否有效，但这是一个好主意。
http://www.webdeveloper.com/forum/showthread.php?t=200616
您还可以根据字符数插入带有column-span: all的元素，这将比段落计数更加一致。