Jquery 断开多列div

我使用CSS3多栏来让我的博客看起来像一本印刷杂志，但是较长的文章不能完全显示在屏幕上，需要笨拙的滚动。有没有一种方法可以突破，比如说，500px高的div，这样读者就可以在滚动之前读取一个3列的文本块

我尝试使用jQuery插入一列span:all span/6段落，但这会产生不一致的高度结果

有什么想法吗

---

这里有一个警告：抱歉，IE中的列不起作用。这是另一个问题。

把所有这些建议都记在下面。我找到了你需要的东西。您需要CSS3区域。它允许您将一个区域的溢出设置为流入另一个区域。只需设置您的高度，然后设置CSS3命令，以便流入：随便；并从中流出：无论什么；。急板地！为每个浏览器使用前缀，如-webkit流入：whatever

我想你需要javascript来实现这一点。立柱跨度是一个好主意，因为它会像你需要的那样将其拆分，但很难将其垂直放置在正确的位置。我发现了一个链接，其中有一些代码可以检测溢出，并将其放在另一个div中。我没有检查它是否有效，但这是一个好主意

---

您还可以插入一个列span:all基于字符计数的元素，这将比段落计数更加一致。

谢谢！我想知道这个字符计数的可能性。我根本不是JS专家。这样做容易吗？也许这个函数包含在jQuery？更新了我的答案中。过来看。