如何创建每页两列的打印布局？

Question

我有一个很长的内容块。我想要做的是当我打印它时，每页打印成两列。由于所涉及的所有thr参数，我甚至不确定从哪里开始

1. 我希望能够在某些内容块之后放置分页符。很确定我可以使用page-break-after

来做到这一点

2. 我的内容属于动态高度，所以我不认为我可以计算出一页与另一页的匹配程度。所以这真的是我难倒的地方。我想我可以使用列计数。但我不确定如何为打印视图执行此操作。

Answer 1

只需将 @media print 与列数结合使用：https://jsfiddle.net/rcpinto/ms5mhw5g/

HTML：

@media print {
  #content {
    column-count: 2;
    -webkit-column-count: 2;
    -moz-column-count: 2;
  }
}

CSS：

{{1}}