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

Возник вопрос, связанный с переполнением стека: Обрыв столбцов CSS при печати

Answer 2

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

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