1 
#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 所做的一切都是正确的。为什么？

铬 24

Safari 6.0.2

4

1 回答 1

2

根据MDN 0没有有效的输入column-count。

是一个严格的正数，描述了元素内容将流入的理想列数。如果 column-width 也设置为非自动值，则它仅指示允许的最大列数。

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

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

Example Fiddle在 Chrome26 和 Firefox19 中工作。

于 2013-01-31T08:35:45.453 回答