html - css: column-count property , IE10 显示不像其他浏览器

Question

这是一个http://jsfiddle.net/nAhPj/链接。该页面在 Chrome、FF、Safari 中的外观相同，但在 IE10 中不同。它应该是：

1A 2A 3A 4A
1B 2B 3B 4B
1C 2C 3C
1D 2D 3D

为什么它在 IE10 中的外观与在 Chrome、FF、Safari 中的外观不同？如何解决 IE10 问题？那是一个错误吗？

PS不幸的是，解决方案应该是覆盖css，而不是修改html或css。否则，我会找到解决方案，不会问这个问题。

以下是它在 Chrome 和 IE10 中的外观：

Answer 1

拥有跨浏览器解决方案（我的意思是最近的浏览器）最简单的解决方案是<li>用作块。

display: inline-block将css 属性定位在您的<li>, 然后使用float和width 属性根据需要定位它们。你可以用它来做响应式设计。