css - 如何修复 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>
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