Многостолбцовый текст в газетном стиле в формате html

Question

Я хотел бы отобразить текст с несколькими столбцами. Так же, как это отображается в газете:

Я знаю, как это сделать с таблицами div, но в этом случае мне нужно указать, где текст будет обрезан между столбцами.

Я нашел подходящее решение, выполнив: <div style="column-count:2"> text </bla>

Отлично работает с Opera, но не с последним Firefox и Chrome ...

Answer 1

column-count - это CSS3, поэтому имейте в виду, что он не будет работать в некоторых старых браузерах.

Чтобы ответить на ваш вопрос, вам может потребоваться более конкретная информация о вашем css:

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

Answer 2

было бы замечательно, если бы подсчет столбцов работал во всех основных браузерах, но это не так. Я хотел бы предложить вам разделить текст на части, используя язык программирования (например, 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>

Конечно, вы должны использовать более сложные алгоритмы для разделения текста.

Answer 3

Вы также можете использовать float: left и float: right, чтобы сделать ваши столбцы для поддержки старого браузера.

Хотя текст застрял в каждом столбце и не расширится до следующего.