列Css屬性

我有一些文本，我想顯示在2列。我這樣做是使用CSS屬性，你可以看到如下：列Css屬性

.merchant-filialheader .merchant-rightside { 
    -moz-column-count:2; 
    -webkit-column-count:2; 
    column-count:2; 
    /* IE9 or lower just have 1 column */ 
    padding-left: 10px; 
    font-size: 0.8em; 
}

的問題是，如果我有沒有那麼多的文字，然後將文本仍然會分成兩列。因此，我試圖設置一個min-height。現在它適用於小文本文件，但是當我獲得大量文本時，某些部分會被切斷。

任何想法如何解決這個問題？

來源

2013-07-08 Safari

您可以發佈的jsfiddle？ – Artless

http://jsfiddle.net/DYZhU/ 這是一個jsfiddle。這非常簡單，但是當你取消最小高度時註釋。一些文本被刪除。 – Safari

我無法複製它。無論我放置多少文本，或者如何調整窗口大小，它都能呈現出來。 – Artless

我認爲您在尋找column-fill: auto;。看起來，瀏覽器默認實現了多列column-fill:balanced。

我只在Firefox和IE10上測試過它，它似乎只能在Firefox上使用-moz-column-fill:auto;。根據W3C reference，沒有瀏覽器支持。

你可以看到它在行動（在Firefox）瀏覽：http://jsfiddle.net/Trickery/GqMXn/

來源

2013-07-09 14:42:34 Artless

回答

相關問題