网页实现 A3 纸试卷排版的问题
A3 纸高度是固定的
https://imgchr.com/i/l2K11I
图一是已经实现的效果：直接文档流的方式顺序排版，但是这样打印出来排版还是不对
https://imgchr.com/i/l2KMhd
图二是理想中的样子：但是这个排版现在想不出该怎么实现，A3 纸的第一面 A 面左右各 50%宽度左右排版 排满页面后 自动排版到 A3 纸的第二面 B 面
https://imgchr.com/i/l2KJnf
图三是原始的文档流：后台丢过来的数组，前端进行循环渲染
Dive into HTML5 http://diveintohtml5.org/
This topic created in 2334 days ago, the information mentioned may be changed or developed.
 | 1 temporary Jan 8, 2020 |
 | 2 izoabr Jan 8, 2020 CSS 里有个 media，值是 print 得时候单独设置。 |
| 3 izoabr Jan 8, 2020 https://github.com/delight-im/HTML-Sheets-of-Paper 还有好多现成的 ``` @page { size: A4; margin: 0; } @media print { .page { margin: 0; border: initial; border-radius: initial; width: initial; min-height: initial; box-shadow: initial; background: initial; page-break-after: always; } } ``` |
 | 4 Exceptionluo OP @temporary 根据你的 demo 测试了下 现在还存在些问题<br> https://jsbin.com/doyeqebovo/edit?html,css,js,output <br> 1、一旦设置了 A3 后没法选择横向打印<br> 2、随着文档越来越多 打印预览发现 边距的间隔越来越大<br> https://imgchr.com/i/lRXMSs<br> |
Select Language