Javascript 三列布局，内容在下一列继续

我正在尝试用Bootstrap构建一个布局，其中我有三个偶数列（我已经这样做了）。我想让段落从最左边的一栏开始，当它们到达这一栏的末尾时（滚动被禁用，这意味着是一个静态框架），内容从顶部继续在中间一栏

当它到达中间列的底部时，它应该继续在最右边的列上，在到达最后一列时，它只隐藏剩余的内容。可以折叠这些段落，并相应地调整各列的内容

我不确定这是否可能仅仅是CSS和HTML的JS也是必要的（我不是一个网络前端的家伙）

---

如果您不介意使用CSS3，那么您可以使用列计数

---

你可以用它做你想做的事。不要使用引导创建三个偶数列，而是使用CSS：

.col-overflow-3{
-moz列数：3；
-webkit列数：3；
列数：3；
高度：140像素；
列填充：自动；
}

知识产权是一种权利，是一种精英的权利，是劳动和财富的暂时性权利。但是，在最低限度上，我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除了偶尔出于谨慎，还必须为动物的劳动负责

感谢您的输入。在达到列中可用的最大垂直空间之前，这似乎会继续下一列中的内容。有没有办法让左列上的文本在左列的垂直空间不足时只在中间继续？@SashaFonseca您正在寻找

列填充

属性；更新了示例。这里有一个不错的参考：就是这样！非常感谢@NickThanks@Jason的支持。我知道你是第一个回答的人，但我发现Nick的初始答案（在编辑之前）更加明确，所以我将他标记为解决方案。

    div {
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
    height: 100px;
    overflow:hidden;
}