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

标签 javascript html css

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

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

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

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

提前致谢。

最佳答案

试试这个。 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 */
}

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

关于javascript - 打印时如何在一张 A4 纸上放置两个 HTML div?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52790888/

相关文章:

css - 如何在每 3 行和每 3 列之后制作用于绘制边框的 css

javascript - 为什么react-router setRouteLeaveHook破坏了索引链接?

javascript - 确保简单 View 模型对象上的 JSON pretty-print ,从不触及 javascript (ASP.NET MVC 4)

javascript - useCallback Hooks 获取旧状态值而不更新

javascript - Handlebars - 如何将数组内的所有值渲染到模板模型?

javascript - 在React应用程序中通过react-bootstrap css应用自定义字体粗细样式时遇到困难

javascript - Java 中的 Deflate、Javascript 中的 Inflate、Z_DATA_ERROR

javascript - 如何将混合内容解析为React组件?

jquery - 导航栏菜单按钮动画无法正常工作

css - 如何反转博客上重复的图像