html - ie中的CSS列问题？

Question

我在 IE 中的 css 列有问题，但它在 FireFox 和 Chrome 中运行良好。

在 IE 中，它一直到页面下方的一行

这是代码：

.three-col {
-moz-column-count: 3;
-moz-column-gap: 20px;
-webkit-column-count: 3;
-webkit-column-gap: 20px;
}

我该如何修复它，使其在 IE 以及其他浏览器上都很好？

感谢我得到的所有帮助。

score 3 · Accepted Answer

Internet Explorer在版本 10 之前预计不会支持多列布局。它当然不应该支持标记为在 Mozilla 和 Webkit 浏览器中测试的属性的实验版本。

您需要创建一个备用设计（或创建一个不使用实验性功能的单一设计），或使用测量页面、（实际、渲染的）字体大小等的 JavaScript 重新排列内容。

score 2 · Accepted Answer

我在一个可能对您有用的相关问题上发现了这一点。它是一个 jQuery 插件，可以使 ie 适用于 css3 列。

对于我发现这个的原始问题：如何在 IE 上显示 CSS3 列？

2 回答 2