html - Safari 打印时不显示多列布局

Question

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

.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 .
就我个人而言，我只找到了一种解决方案 - 使用表格，但这需要手动算法将文本拆分为列。