Question

#main .inside .ce_text {
    -moz-column-count: 2;
    -moz-column-gap: 31px;
    -webkit-column-count: 2;
    -webkit-column-gap: 31px;
    column-count: 2;
    column-gap: 31px;
}

#main .inside .ce_tabcontrol_pane .ce_text {
    -moz-column-count: 0;
    -webkit-column-count: 0;
    column-count: 0;
}

第二条规则应该比第一条规则更重要。虽然chrome渲染了2列（！重要也没有帮助）。但是：Safari正在做正确的事情。为什么呢？

Chrome 24

Safari 6.0.2

Answer 1

根据MDN 0，column-count无效。

严格肯定描述元素内容流入的理想列数。如果列宽也设置为非自动值，则仅表示允许的最大列数。

我想，你的意思更像是这样：

#main .inside .ce_tabcontrol_pane .ce_text {
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
}

Example Fiddle 在Chrome26以及Firefox19中工作。

chrome-count！important被chrome忽略

1 个答案: