横向分页符？答案

【问题标题】：Horizontal page-break-inside?横向分页符？
【发布时间】：2015-12-12 23:29:43
【问题描述】：

我有一个非常宽的<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）？谢谢。

【问题讨论】：

标签： html css printing

【解决方案1】：

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

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

【讨论】：

这是个好主意！我会试试RWD的建议。

【解决方案2】：

我不确定您是否正在寻找类似JSFiddle 的东西。

我用过div 和span；并使用了:before 和:after 伪类

编辑：如果您希望该行仅在左侧可见，请删除 :after

【讨论】：

不，抱歉，这不是我想要的。我一直在寻找像@Johannes' 这样带有格式化print 的解决方案。无论如何，谢谢。