首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何在人像与景观混合模式下打印页面

如何在人像与景观混合模式下打印页面
EN

Stack Overflow用户
提问于 2022-05-12 10:02:10
回答 1查看 309关注 0票数 0

我有一个角组件,用于UI渲染和打印。对于同样的情况,我使用window.print命令。我需要最初的2页在景观模式和页面中断后,1页在纵向模式。

我尝试在相应的div和文本旋转解决方案中将方向设置为景观/肖像。但什么都没起作用。还有其他方法来达到同样的目的吗?提前谢谢。

EN

回答 1

Stack Overflow用户

发布于 2022-08-30 15:47:10

你试过CSS属性page吗?此属性用于指定特定类型的命名页。

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

如下面的CSS所示,您可以将landscape-pageportrait-page类添加到要以横向或纵向模式显示的元素中。

代码语言:javascript
运行
复制
@page orientation-portrait {
    size: portrait;
}

@page orientation-landscape {
    size: landscape;
}

.landscape-page {
    page: orientation-landscape;
}

.portrait-page {
    page: orientation-portrait;
}

不幸的是,这个属性在Google Chrome中工作得很好,但是Firefox和Safari却没有.

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/72213606

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档