CSS Columns and Printing

Mozilla applies a css rule like

-moz-column-count: 2;

gets 2 columns which are the full page height. From what MDC offers , this is called "height balancing."

Webkit has something similar:

-webkit-column-count: 2;

I'm not quite sure if Webkit has β€œHeight Balance” or not (this, to be honest, may be the root of my problem). In Webkit, this is displayed the same way on the page. However, when printing a page with the specified column content in Firefox, the printed pages look like this:

A C
B D
---
E G
F H

whereas webkit is displayed as follows:

A E
B F
---
C G
D H

Is there a way to make webkit print like mozilla?

+3
source share
2 answers

, , . , , , .

, WebKit ​​ . Mozilla. WebKit , , , , Chrome 8.0.552.231 Safari 5.0.3.

+1

Source: https://habr.com/ru/post/1745007/


All Articles