CSS列中的问题是什么?

时间:2012-05-10 12:07:15

标签: html css

我在IE中遇到css列的问题,但它在FireFox和Chrome中运行良好。

在IE中,它会在页面中一直到一行

这是代码:

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

我如何修复它以及IE和其他浏览器一样好?

感谢我得到的所有帮助。

2 个答案:

答案 0 :(得分:3)

Internet Explorer为not expected to support multiple column layout until version 10。当然不应该支持标记为在Mozilla和Webkit浏览器中进行测试的属性的实验版本。

您需要创建一个回退设计(或创建一个不使用实验性功能的设计),或者使用测量页面,(实际,渲染)字体大小等的JavaScript重新排列内容。

答案 1 :(得分:2)

我在一个可能对你有用的相关问题上找到了这个。它是一个jQuery插件,可以用于css3列。

http://welcome.totheinter.net/columnizer-jquery-plugin/

对于我发现此问题的原始问题:How to display CSS3 columns on IE?