如何在纵向和横向混合模式下打印页面



我有一个用于UI渲染和打印的角组件。我正在使用窗口。打印相同的命令。我需要在横向模式下初始2页,换页后,纵向模式下1页。

我已经尝试在相应的div和文本旋转解决方案中设置方向为横向/纵向。但是没有任何效果。还有其他方法可以达到同样的效果吗?提前谢谢。

您尝试过CSS属性page吗?此属性用于指定指定页的特定类型。

参考:https://www.w3.org/TR/css-page-3/propdef-page

正如下面的CSS,你可以添加landscape-pageportrait-page类的元素,你想显示在横向或纵向模式。

@page orientation-portrait {
size: portrait;
}
@page orientation-landscape {
size: landscape;
}
.landscape-page {
page: orientation-landscape;
}
.portrait-page {
page: orientation-portrait;
}

不幸的是,这个属性在Google Chrome中工作得很好,但在Firefox和Safari中不行…

最新更新