我正在使用 CSS3 多栏使我的博客看起来像打印杂志，但是较长的帖子不能完全适合屏幕并且需要笨拙的滚动。有没有一种方法可以插入 500 像素高的 div，以便读者在滚动之前可以阅读一个 3 列的文本 block ？
我尝试使用 jQuery 插入一个 column-span: all span 每 6 个段落，但这会产生不一致的高度结果。
有什么想法吗？
这是一个 example post (警告:列在 IE 中不起作用，抱歉。那是另一个问题)。
最佳答案
在下面划掉所有这些建议。我已经找到了你所需要的。您需要 CSS3 区域。它允许您设置溢出从一个区域流入另一个区域。只需设置您的高度，然后设置流的 CSS3 命令 flow-into: whatever;和 flow-from: whatever; .急!为每个浏览器使用前缀，例如 -webkit-flow-into: whatever;
我认为您需要 javascript。列 span all 是个好主意，因为它会按照您的需要将其拆分，但很难获得 <hr />。或者任何你曾经垂直放置在正确位置的东西。我找到了一个链接，其中有一些代码可以检测溢出并将其放在另一个 div 中。我没有检查它是否有效，但这是个好主意。
http://www.webdeveloper.com/forum/showthread.php?t=200616
您还可以使用 column-span: all 插入一个元素基于字符数，这比段落数更一致。
关于jquery - 打破多列div，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/9641316/