Javascript HTML/CSS（斜杠JS？）3列布局

想象一下，我想要一个

，里面有东西，它的文本/内容被分成三列，高度尽可能相等。如何做到这一点？

这是最重要的。目前，它通过供应商标签得到支持。在webkit的网站中可以看到一个示例，其中只有一个div创建了一个2单元的div。

Matthew James有一个灵活的多栏布局，即使在较旧的浏览器中也可以使用

编辑：刚刚在IE6怪癖模式下测试过，它看起来仍然很漂亮

可能是这样吗

span {
  columns: auto 3;
  -moz-column-rule: auto 3;
  -webkit-column-rule: auto 3;
  max-height: 100px;
}

---

有跨浏览器的解决方案吗？（又称IE？：P）像JQuery插件之类的？我不知道有。考虑到您的单跨问题，如果您不介意支持@TND，您可以从今天开始使用它，您应该把它作为一个答案：D…奇怪。每当我试图点击“回答你的问题”时，堆栈溢出就会给我一个JavaScript错误。。。我使用的是最新的Chrome。如果你可以将列拆分为3个div，只需使用CSS表即可。为列创建容器div并将其设置为“display:table”。然后在子div上将它们设置为width:33.3%和“display:table cell”。如果你想在一个元素中自动设置3列流布局，你需要一些重javascript。CSS应该在将来支持，但不是很快。