html - 水平分页符？

Question

我有一个很宽的<div>以毫米为单位。

大约 1000 毫米宽(3-4 页宽，每页 210 毫米宽)。

浏览器会自动缩放所有内容，使其宽度适合一个页面，但我希望它被水平拆分为多个页面。

———————————————————— actual content width
———— page width

———— current printed content (squished)
———— page width

———— ———— ———— ———— ———— desired printed content (spread)
———— page width

我试过使用 page-break-inside: auto , 但它似乎只适用于垂直分页符。

有什么方法可以做到这一点(使用 CSS、纯 HTML 甚至 JS)？谢谢。

Answer 1

虽然页面大小等有很多选项(请参阅 http://www.w3.org/TR/css3-page/ )，但水平分页符似乎是不可能的。

但是，您可以在样式表的 @print 部分采用类似于响应式设计的方法:尝试组织您的 display、float 和类似的参数，它们在屏幕上水平显示，但在打印样式中垂直显示。