水平分页内部?

时间:2015-12-12 15:03:33

标签: html css printing

我有一个非常宽的<div>缩放mm。

它的宽度约为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)?感谢。

2 个答案:

答案 0 :(得分:1)

虽然页面大小等有很多选项(请参阅http://www.w3.org/TR/css3-page/),但水平分页符似乎无法实现。

但是,您可以在样式表的@print部分采用与响应式设计类似的方法:尝试以他们的方式整理您的displayfloat和类似参数在屏幕上水平显示,但在打印样式中垂直显示。

答案 1 :(得分:0)

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

我已使用divspan;并使用:before:after伪类

修改:如果您希望该行仅在左侧可见,请删除:after

相关问题