打印时将CSS网格拆分为多个页面

问题描述

我使用网格布局将img元素组织到网格中。问题是在打印过程中，页面拆分中的网格单元被分割了。这并不奇怪，但我希望他们不要这样做。我想找到一种方法告诉网格将单元格分隔线与页面对齐。

有什么想法吗？

我正在使用一种变通方法，只需将media query用简单的旧grid替换inline-blocks。但是我非常喜欢网格可以通过grid-column-template: repeat(auto-fill,minmax(250px,1fr))在宽度范围内灵活缩放单元格这一事实。因此，任何无需JS即可满足这种自动缩放和打印的解决方案都对我有效。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）