用于多列布局中中断的JavaScript

我在一个固定高度的元素中使用了多列CSS布局，因此浏览器可以创建包含内容所需的任意多个列。新列将始终显示在其他列的右侧，但我希望在三列之后中断，并使列4、5、6显示在1、2、3的下方。我想这可以用JS来完成，但我不知道选择什么

.columns{
宽度：360px；
字体大小：100%；
文本对齐：对齐；
高度：300px；
显示：块；
填充底部：30px；
-moz柱间距：20px；
-webkit柱间隙：20px；
-moz列宽：100px；
-webkit列宽：1000px；
-moz柱间距：40px；
-webkit柱间隙：40px；
}

Lorem ipsum…/p>

您可以将列元素放置在一个容器中，容器的宽度为所需的宽度，溢出：隐藏。然后使用JavaScript克隆列元素，将克隆放在容器中（直接放在原始元素之后），并给克隆留有空白：-100%或相对位置