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 中的一个错误。当禁用多列打印时，它被另一个错误取代：

有一个相关的 stackoverflow 问题：CSS columns Breaking while Printing