с помощью css pagestyle есть ли способ колонизировать результат?

Question

Я пытаюсь создать веб-страницу, которая будет нормально отображаться в браузере, но при печати будет печататься с использованием 2 столбцов на страницу.Есть ли способ заставить текст перетекать из левого в правый столбец и правильно ли он разбит на страницы?

Answer 1

В CSS3 есть модуль Multi-Column, который предназначен именно для этого.

К сожалению, будучи CSS3, свойство column-count в настоящее время поддерживается только в Firefox 3.6 -moz-column-count, Safari 4 и Chrome -webkit-column-count, как вы можете видеть в этом обзоре:

http://www.standardista.com/css3/css3-columns-browser-support

Но есть библиотека javascript, которая добавит эту функциональность в большинство старых браузеров! Вы можете найти этот скрипт, а также действительно хорошее объяснение многоколоночного модуля в этой статье 2005 года в A List Apart:

http://www.alistapart.com/articles/css3multicolumn/

Answer 2

Ну, я думаю, что это будет зависеть главным образом от того, как вы структурировали свой HTML-код.

Но это хороший пример того, с чего можно начать: http://dev.joeblade.com/2009/08/using-css-columns-in-print-layouts/. К сожалению, это работает только в Firefox.

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