column-count！chrome忽略了重要信息

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列(!important也没有帮助)。但是: 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;
}

在Chrome26和Firefox19中工作的。