html - css: column-count プロパティ、IE10 の表示が他のブラウザと異なる

Question

これはhttp://jsfiddle.net/nAhPj/リンクです。ページは、Chrome、FF、Safari では同じように表示されますが、IE10 では表示されません。そのはず：

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

Chrome、FF、Safari と同じように IE10 で表示されないのはなぜですか? IE10 の問題を解決するにはどうすればよいですか? それはバグですか？

PS 残念ながら、解決策は html や css を変更するのではなく、 css をオーバーライドすることです。そうでなければ、私は解決策を見つけたので、この質問はしません。

Chrome と IE10 での表示は次のとおりです。

Answer 1

クロスブラウザー ソリューション (最近のブラウザーを意味します) を持つ最も簡単なソリューションは<li>、ブロックとして使用することです。

display: inline-blockcss プロパティを に配置し、プロパティを<li>使用 して必要に応じて配置します。これでレスポンシブデザインもできます。floatwidth