css - css 的列标记在 Internet Explorer 中不起作用

Question

.threeColulmn{
    columns:170px 3;
    -webkit-columns:170px 3; 
    -moz-columns:170px 3; 
}

我试图将 div 分成三列，它在 mozila 和 chrome 中正常工作，但在 Internet Explorer 中它不起作用。请给我一些解决方案。

Answer 1

caniuse.com将向您展示对 CSS 3 选择器的支持。http://caniuse.com/#feat=multicolumn正是您要找的。

Internet Explorer 在版本 9 中不支持列。版本 10 应该可以。如果您需要对版本 9 的支持，您将需要一个 shiv 来提供该功能。

https://github.com/BetleyWhitehorne/CSS3MultiColumn Modernizer推荐