我在IE中遇到css列的问题,但它在FireFox和Chrome中运行良好。
在IE中,它会在页面中一直到一行
这是代码:
.three-col {
-moz-column-count: 3;
-moz-column-gap: 20px;
-webkit-column-count: 3;
-webkit-column-gap: 20px;
}
我如何修复它以及IE和其他浏览器一样好?
感谢我得到的所有帮助。
答案 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?