css3 多列 - 哪个浏览器有正确的行为(如果有的话)？

Question

这是一段代码，它应该显示 6 列均匀分布在容器的宽度上: http://jsfiddle.net/fstyh/

但是:IE10(pp2win7 和 pp4win8)和 Opera 11.60 以奇怪的方式(如区域流)将这些列聚集在一起，而 IE9、Firefox12 和 Chrome17 只是将它们一个接一个地堆叠起来。

哪些浏览器是正确的？ IE10 和 Opera，因为它们较新？还是 Chrome 和 Firefox，因为它们共同拥有更大的市场份额？

在您回答之前，请检查当您向这些列添加一些文本时 Opera 中会发生什么。 (它是透明的，但可以很好地显示效果)。 IE10 不会以任何方式对此使用react。

我无法在 spec 中找到任何内容.希望任何人都可以提供帮助。

Answer 1

糟糕，事实证明 mozilla 和 webkit 仍然需要为多列属性和值提供供应商前缀。

http://jsfiddle.net/fstyh/1/