Создание цепочки потока р в «двухстраничный разворот»

Question

Недавно студент получил это совершенно случайно (или, что ж, побочный эффект неверного xhtml / css).Можно ли это сделать в кросс-браузерном автоматическом режиме, скажем, со статьей Wordpress и пользовательским html / css?(То есть, нет сценария php или чего-то подобного.)

В какой-то момент я ставил перед собой цель сделать сайт, который читается как книга, а не как свиток.1005 *

Редактировать: Я должен четко сформулировать цель.Это написать текст с картинками, используя f.ex.TinyMCE или тому подобное, и представьте его с типографикой и качеством макета и «обзорностью» классических технических журналов, таких как ранние спреды BYTE или научные фолио.Я приму решение php, если никакой трюк CSS не обработает переполнение автоматически.От чего я хочу «избавиться», так это от необходимости вручную разрезать, скажем, 5-страничную статью на столбцы.

Возможно, LyX может генерировать приличный HTML с 1 файлом на 2-страничный разворот?Это было бы приемлемым решением.

Answer 1

CSS 3 позволяет создавать «газетные колонки», если вы это имеете в виду.

http://www.w3.org/TR/css3-multicol/

Большинство современных По крайней мере, браузеры на основе Gecko и Webkit поддерживают это, но могут требовать префиксов, специфичных для поставщика:

http://www.css3.info/preview/multi-column-layout/

Answer 2

Как говорит Джани, я не уверен, что макет с двумя столбцами очень хорошо работает в Интернете, потому что люди обычно читают в Интернете.Лично я бы не рекомендовал макет в 2 колонки для подобных статей для веб-сайта.

Также я не уверен, что в любом случае вы могли бы создать это без использования динамических сценариев, если только вы не определяете количество копий для каждогораздел, в противном случае пользователю было бы невероятно легко дать пропущенные столбцы.

Answer 3

Если вы используете что-то вроде этого:

<p>text1</p>
<p>text2</p>
<p>text3</p>
<p>text4</p>

И задайте следующий стиль:

p { float: left; }

Он должен размещать каждую букву P рядом друг с другом. Тем не менее, количество P, расположенных рядом, зависит от того, какая ширина доступна, поэтому, если вы определите, что каждый P берет, скажем, 200px, а общая ширина в контейнере составляет 400px, конечный результат будет равен двум P рядом как то так:

text1 text2
text3 text4

Обратите внимание, что это будет выглядеть не очень хорошо (или работать не очень хорошо), если содержимое P не имеет одинаковую длину. Я не думаю, что есть простой способ сделать это только с помощью CSS, если вам нужно, чтобы размеры автоматически разбивались и на такие столбцы.

В качестве примечания я видел несколько сайтов, которые делают это. Это не очень хорошая идея . Это работает на бумаге и в журналах, но, по моему опыту, не так хорошо на экране. Если я не ошибаюсь, были также некоторые исследования об этом, приходящие к тому же выводу.