CSS Колонны и печать

Question

В Mozilla, применяя правило CSS, как

-moz-column-count: 2; 

получает вас 2 колонки, которые всю высоту страницы. Из того, что предлагает их MDC, это называется «Балансировка высоты».

Webkit есть что-то подобное:

-webkit-column-count: 2; 

Я не совсем уверен, что если Webkit имеет «Высота Балансировка» или нет (это может быть корень моей проблемы, если честно). В Webkit это отображается на странице одинаково. Тем не менее, при печати страницы с указанным столбчатый контентом, в Firefox, отпечатанные страницы в конечном итоге выглядит так:

A C 
B D 
--- 
E G 
F H 

а Webkit дисплеи, как это:

A E 
B F 
--- 
C G 
D H 

Есть ли способ сделать Webkit печатает как Mozilla?

Answer 1

Это была ошибка в WebKit. Это был заменен на другой баг, когда несколько столбцов была отключена для печати:

https://www.webkit.org/blog/88/css3-multi-column-support/#comment-16854

https://code.google.com/p/chromium/issues/detail?id=99358

Существует связанный с этим вопрос StackOverflow: CSS columns breaking when printing

Answer 2

Балансировка по высоте означает, что если вы не укажете высоту элемента, браузер попытается сделать все столбцы равной высоты. Если вы установите высоту, она не будет балансировать высоту столбцов, и она заполнит столбцы до указанной высоты, а последний столбец будет короче.

Похоже, что поведение WebKit является ошибкой в ​​их коде печати. Правильное поведение Mozilla. Какая версия WebKit вы используете, хотя, как и в тесте, который я использую, он не печатает столбцы вообще в Chrome 8.0.552.231 и Safari 5.0.3.