CSS列显示不正确在IE9和IE8

Question

有谁知道如何使CSS3列在IE8和9的工作？而不是三列出现，只有一个列表。任何帮助，非常感谢！

Answer 1

Internet Explorer 8和9不支持CSS列。这并不是until version 10，微软首先在浏览器中添加了这种缺少前缀的支持。因此，您无法在以前版本的Internet Explorer中获得原生CSS Column支持。

您可能会遇到的最佳解决方案是有条件地加载a plugin，它可以在传统浏览器中为您实现类似的功能。考虑以下内容：

<style> 
    #columns { 
     -webkit-column-width: 200px; 
     -moz-column-width: 200px; 
     column-width: 200px; 
    } 
</style> 
<!--[if lte IE 9 ]> 
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.10.2.js"></script> 
<script> 
    $(function() { 
     $('#columns').columnize({ width: 200 }); 
    }); 
</script> 
<![endif]--> 

在这种情况下，Internet Explorer 10+和其他现代浏览器将使用CSS方法。 Internet Explorer 9及以下版本将使用jQuery替代方案。

请务必使用jQuery的1.x分支，因为2.x分支不支持旧版本的IE。