Internet Explorer 11及更早版本 - 不响应CSS列样式

Question

我想知道是否有人解决了一个小问题。 Internet Explorer 11不响应在网页上创建列的简单CSS。文本流过整个页面，不会流入列。我正在使用简单的HTML和CSS解决方案 - 无脚本。

的CSS是如下

.two-col { 
    -moz-column-count: 2; 
    -moz-column-gap: 15px; 
    -webkit-column-count: 2; 
    -webkit-column-gap : 15px; 
    -moz-column-rule-color: #888; 
    -moz-column-rule-style: solid; 
    -moz-column-rule-width: 1px; 
    -webkit-column-rule-color: #888; 
    -webkit-column-rule-style: solid; 
    -webkit-column-rule-width: 1px; 
    margin-top: 15px; 
} 

围棋与IE 11 www.bsap.org，看到布告栏...使用Chrome，Firefox和Safari

效果很好

希望了解一点点修复这是不是太复杂，最好不涉及长脚本...

安德鲁

Answer 1

那是因为你没有它适用于任何INTE CSS规则rnet资源管理器，只有Firefox和基于Webkit的浏览器的供应商前缀版本。

只需添加：

column-count: 2; 
column-gap: 15px; 
column-rule-color: #888; 
column-rule-style: solid; 
column-rule-width: 1px; 

...，它应该工作。 （在IE 10+中）