如何修复IE的CSS3列数？

Question

我正在搜索修复程序，因此CSS属性column-count也适用于IE 9及更低版本。

Answer 1

Internet Explorer甚至版本9都不支持多列布局。但是，当前版本的Chrome，Firefox，Safari和Opera都可以毫无问题地处理CSS3多列布局。

如果您需要支持没有多列支持的浏览器，那么您应该为这些浏览器提供后备选项。以下是使用Modernizr脚本

执行此操作的方法

在任何其他样式表之后，将以下SCRIPT标记放在HEAD中：

<script src="http://cdnjs.cloudflare.com/ajax/libs/modernizr/2.0.6/modernizr.min.js"></script>

在上面的行下方添加另一个SCRIPT：

<script>
Modernizr.load({
  test: Modernizr.csscolumns,
  yep: 'columns.css',
  nope: 'no-columns.css'
});
</script>

创建一个包含多列CSS的CSS样式表，并将其保存为columns.css在同一目录中。

创建一个包含后备CSS的CSS样式表（例如columns with float），并将其保存为no-columns.css在同一目录中。

我发现了一篇文章：Read this

此处已有答案：Question