html中的報紙樣式多列文本

Question

我想顯示一個包含多列的文本。這顯示在報紙以同樣的方式：

我知道該怎麼做，隨着格表，但在這種情況下，我必須指定文本列之間切割。

我看到了做一個合適的解決方案： <div style="column-count:2"> text </bla>

它正常工作與歌劇，但不是最新的Firefox和Chrome ...

Answer 1

column-count是CSS3，因此被警告，它不會工作在一些較舊的瀏覽器。

要回答你的問題，你可能需要更具體的與你的CSS：

div{ 
    -moz-column-count: 2; 
    -webkit-column-count: 2; 
    column-count: 2; 
} 

Answer 2

您還可以使用浮動：左和float：權利，使您的列舊瀏覽器的支持。

儘管文本卡在每列中，並且不會擴展到下一個列。

Answer 3

如果列計數適用於所有主流瀏覽器，但它不會。我建議你嘗試使用編程語言（如PHP）將文本分割成部分，然後將它們插入到每個div。在它看起來像這樣簡單

<?php 
$textLenght = strlen($text); 
$part1 = substr($text, 0, $textLenght/2); 
$part2 = substr($text, $textLenght/2); 
?> 

<div class="col1"><?php echo $part1 ?></div> 
<div class="col2"><?php echo $part2 ?></div> 

當然，你應該使用更多advenced算法來分割文本。