Safari 打印时不显示多列布局

Question

我正在开发一个需要打印报告的 web 应用程序。该报告的建议显示在两列中：

.container {
  column-count: 2;
}

<div class="container">
  <p>recommendation 1</p>
  <p>recommendation 2</p>
  <p>recommendation 3</p>
  <p>recommendation 4</p>
  <!-- repeat many times -->
</div>

这适用于除 Safari 之外的所有浏览器。 Safari 会在浏览器中正确布局页面，否则会退回到单列布局。

我可以做些什么来防止这种行为并使 Safari 即使在打印时也保持多列布局？

注意：我已经验证了上面的确切代码会发生这种行为，但显然如果不将代码粘贴到单独的文件中就无法对其进行测试。

Answer 1

很遗憾，多列打印布局在 Safari 中不起作用。 See this for the proof.

就我个人而言，我只找到了一种解决方案 - 使用表格，但这需要手动算法将文本分成列。