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;
}

2番目のルールは最初のルールよりも重要です。chromeは2列をレンダリングしますが（！importantも役に立ちません）。しかし：Safariはすべて正しいことをしています。なんで？

Chrome 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;
}

Chrome26とFirefox19で動作するフィドルの例。

于 2013-01-31T08:35:45.453 に答える