如何在IE上显示CSS3列？

Question

IE doesn't support CSS3 columns - 没什么大不了的，对吧？尽管如此，我正试图找到任何类似于现代化的库来做这个伎俩。我真的不想为IE编写不同的CSS代码，因为这样会过分关注我们都鄙视的东西。有什么建议吗？

Answer 1

从IE10开始，现在支持CSS3列的原生（并且没有前缀）。

http://msdn.microsoft.com/en-us/library/ie/hh673534(v=vs.85).aspx

Answer 2

实用程序员的HTML5 and CSS3书对这样的东西有一些很好的建议。对于列，建议使用Columnizer Plugin for jQuery进行IE。

Answer 3

看看关于ALA的这些文章，我想可能只是你想要的东西..
Stop Forking with CSS3
Taking Advantage of HTML5 and CSS3 with Modernizr

Answer 4

尝试在您想要作为表格列出的项目上设置display: inline-table;

Answer 5

CSS3提供了一种将任何HTML节点的内容转换为任意数量的列的方法。有一些属性可用于控制列数以及它们的宽度，相对高度（“填充”或内容在现有列之间的划分方式），列之间的沟槽，“规则”（分割线或边框）等。

作为起点，请参阅w3schools.com CSS3 Multiple Columns参考页。

然而，像往常一样，除了IE10之外，IE在广泛使用的浏览器中不支持column-CSS3属性。

一个跨浏览器的解决方案是Columnizer jQuery Plugin。

Answer 6

如果没有看到您的代码，我建议将每列放入div中。然后在仅为IE加载样式表后重新定义body标签，并添加div的样式。

仅适用于IE：

<!--[if IE]>
   **** your styles ****    
<![endif]-->

您甚至可以更进一步，将体型移动到自己的样式表中，并根据浏览器加载您需要的样式表。这取决于你想要走多远。