html - 如何设置 HTML 样式以在打印页面上显示 2 个数据卡？

Question

我有一个 XML 数据的输入文档，它可以很好地解析成可以打印 2 到一页(或者可能 4 到一页，或 9 到一页，等等)的数据卡。

对我来说，要以这种方式打印数据的最佳方式是什么？例如，我怎么说“让这个 div 延伸到打印页面下方的 1/3”？

Answer 1

HTML 并非真正旨在以这种方式进行精确显示。话虽如此……

如果您知道纸张大小，您或许可以巧妙地使用打印样式表中的单位(即使用 cm 而不是 px 或 em )。您甚至可以使用百分比，而不必太担心纸张大小，但我还没有测试过。它还取决于内容、布局以及纸张尺寸的差异。

使用百分比(强制 <div> 为页面高度的 1/3)的示例是指定 height: 33%在 CSS 中。

也可以通过指定 page-break-after: always 在 CSS 中强制分页(或 page-break-before: always 如果这样更方便的话)。