javascript - 如何让文字自动溢出成两列

Question

我目前正在开发一个网站，我的客户希望各种文章的文本溢出到两栏中。有点像报纸上的？所以它看起来像:

Today in Wales, someone actually      Nobody was harmed in
did something interesting.            the incident, although one 
Authorities are baffled by this       elderly victim is receiving
development and have arrested the     counselling.
perpetrator.     

有没有一种方法可以仅使用 CSS 来完成此操作？我宁愿不必使用多个 div。我也愿意使用 JavaScript，但我真的不擅长，所以不胜感激。我在想也许 JavaScript 可以计算内容 div 中有多少个

，然后根据它移动它们的后半部分以使其正确 float ？

Answer 1

好消息是有一个CSS-only solution .如果它被实现，它看起来像这样:

div.multi {
  column-count: 3
  column-gap: 10px;
  column-rule: 1px solid black;      
}