javascript - 打印时如何在一张 A4 纸上放置两个 HTML div？

Question

我有一个包含大约 1000 个类似 div 的 HTML 页面。

在这种情况下，我想做的是，当用户想要打印页面时，将其中两个放在一张 A4 页面上，类似于“适合页面”功能。

如果重要，页面是使用 PHP 生成的。

关于我该怎么做的任何线索？

提前致谢。

Answer 1

试试这个。300ppi 的 A4 尺寸为 2480 x 3508使用 CSS 获取主 div :

.main{
display grid;grid-gap:10px;
grid-template-columns:repeat(auto-fill,minmax(1734px,1fr);
/* 1734 = 3508/2 -20px for grid-gap */
}

让我知道它是否有效。它只是基于理论。