Javascript 在CSS列属性中均匀分布文本

我用CSS column属性将文本分成4列，结果如下

现在我想做的是以一种我可以得到类似的方式来平均分配文本

代码：

#容器{
背景：rgba（255,237,0,1.00）；
宽度：100%；
-webkit列数：4；
-webkit柱间隙：15px；
-webkit列规则：2px实心浅蓝色；
-moz列数：4；
-moz柱间距：15px；
-moz列规则：2px实心浅蓝色；
列数：4；
柱间距：15px；
列规则：2px实心浅蓝色；
}

“知识本身是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德。”
除了偶尔因不谨慎而被拘留外，还必须因职权上的过失而受到惩罚。”

您可能遇到浏览器支持问题。查看当前支持的列的状态

请参阅此JSFIDLE以获取一个带有浏览器前缀的示例，这些前缀似乎满足了您的要求

---

到目前为止，您尝试了什么代码？（您可以使用“代码片段”按钮添加代码。或者您可以创建一个来演示您的尝试。）我建议将分隔符放在文本中（例如，像

）这样的虚拟元素，并在css中使用它们来按您的意愿拆分文本，分隔符可以手动放置，甚至可以使用javascript计算文本长度etc@jsve这里有我正在使用的代码，如果可以用javascript或jquery完成，我没有问题，但我希望它尽可能简单possible@NikosM. 是的，这听起来可能有用，你介意提供一个例子吗？虽然这不会引起如何在列中平均分配分隔符的问题？@MarcoCastro，嗯，这是一个提示，现在没有时间，也许明天晚些时候，如果在那之前找不到答案，那不是OP的问题。你会的，但这不会解决我的问题，我需要文本在各栏之间平均分布，你知道怎么做吗？@MarcoCastro你看过栏填充规则了吗？我正在尝试将其设置为“平衡”，这似乎在晚间专栏中做得相当好。我使用的是Chrome 42，如果你没有，也许你看到的是浏览器的不同。

#container {
  background: rgba(255, 237, 0, 1.00);
  width: 100%;
  -webkit-column-count: 4;
  -webkit-column-gap: 15px;
  -webkit-column-rule: 2px solid lightblue;
  -moz-column-count: 4;
  -moz-column-gap: 15px;
  -moz-column-rule: 2px solid lightblue;
  column-count: 4;
  column-gap: 15px;
  column-rule: 2px solid lightblue;
}