Разбить многостолбцовый div - PullRequest
Новая
       6

Разбить многостолбцовый div

0 голосов
/ 10 марта 2012

Я использую многостолбцовый CSS3 для просмотра журнала в своем блоге, но более длинные сообщения не помещаются полностью на экране и требуют неудобной прокрутки. Есть ли способ разбить, скажем, верхние делители на 500px, чтобы читатель мог прочитать один блок текста из 3 столбцов, прежде чем выполнять прокрутку?

Я пытался с помощью jQuery вставить интервал column-span: all через каждые 6 абзацев, но это дает непоследовательные результаты по высоте.

Есть идеи?

Вот пример сообщения (предупреждение: столбцы не работают в IE, извините. Это другая проблема).

1 Ответ

0 голосов
/ 10 марта 2012

Вычеркните все эти предложения внизу.Я нашел именно то, что вам нужно.Вам нужны регионы CSS3.Это позволяет вам установить переполнение из одного региона в другой регион.Просто установите свой рост, а затем установите команды CSS3 для потока flow-into: whatever; и flow-from: whatever;.Presto!используйте префиксы для каждого браузера, такие как -webkit-flow-into: whatever;

Я думаю, вам понадобится JavaScript для этого.Весь столбец был хорошей идеей, потому что он разбил бы его так, как вам нужно, но трудно получить <hr /> или что-то еще, что вы находились в нужном месте по вертикали.Я нашел ссылку, в которой есть некоторый код для обнаружения переполнения и помещения его в другой раздел.Я не проверял, работает ли он или нет, но это хорошая идея.

http://www.webdeveloper.com/forum/showthread.php?t=200616

Вы также можете вставить элемент с column-span: all на основе количества символов, чтобудет гораздо более последовательным, чем количество абзацев.

...