从 HTML 横向打印
当网页包含多列时,横向打印网页是理想的选择。但是,用户可能需要手动调整打印机设置才能实现此目的。本文深入研究了无需用户干预即可以横向模式打印 HTML 文档的各种选项,并探讨了它们的浏览器兼容性。
CSS @page 规则
CSS @page 属性允许您指定页面设置,包括大小和方向。要横向打印文档,请使用以下 CSS 规则:
@media print{@page {size: landscape}}
虽然此规则是 CSS 2.1 规范的一部分,但对“size”属性的支持有限,因为它在 CSS 3 中已弃用.
JavaScript 或 ActiveX 解决方法
一些文章建议使用 JavaScript 或 ActiveX 将击键发送到用户的浏览器,本质上是以编程方式更改打印机设置。但是,这些解决方法并不理想,需要修改浏览器安全设置。
旋转内容
您可以使用 CSS 转换来旋转页面内的内容,而不是旋转页面:
.page { -webkit-transform: rotate(-90deg); -moz-transform:rotate(-90deg); filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3); }
这种方法有其自身的缺点,会导致对齐和布局问题。
PDF转换
另一个选项是以 PDF 格式创建文档的横向版本,并将“打印”按钮指向它。但是,这可能不适用于 IE7 中的自动打印。
结论
横向打印 HTML 文档并不简单,并且支持情况因浏览器而异。 @page 规则可能在某些浏览器中有效,但 JavaScript 或 ActiveX 解决方法并不可靠。旋转内容是可能的,但会产生其他问题。转换为 PDF 是一种选择,但它可能并不适合所有情况。最终,最好的方法取决于内容和浏览器环境。
以上是如何在没有用户干预的情况下强制横向打印 HTML 文档?的详细内容。更多信息请关注PHP中文网其他相关文章!

CSS盒子阴影和轮廓属性获得了主题。让我们查看一些在真实主题中起作用的示例,以及我们必须将这些样式应用于WordPress块和元素的选项。

Svelte Transition API提供了一种使组件输入或离开文档(包括自定义Svelte Transitions)时动画组件的方法。

前几天我只是和埃里克·迈耶(Eric Meyer)聊天,我想起了我成长时代的埃里克·迈耶(Eric Meyer)的故事。我写了一篇有关CSS特异性的博客文章,以及


热AI工具

Undresser.AI Undress
人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool
免费脱衣服图片

Clothoff.io
AI脱衣机

AI Hentai Generator
免费生成ai无尽的。

热门文章

热工具

SublimeText3汉化版
中文版,非常好用

MinGW - 适用于 Windows 的极简 GNU
这个项目正在迁移到osdn.net/projects/mingw的过程中,你可以继续在那里关注我们。MinGW:GNU编译器集合(GCC)的本地Windows移植版本,可自由分发的导入库和用于构建本地Windows应用程序的头文件;包括对MSVC运行时的扩展,以支持C99功能。MinGW的所有软件都可以在64位Windows平台上运行。

禅工作室 13.0.1
功能强大的PHP集成开发环境

SublimeText3 Mac版
神级代码编辑软件(SublimeText3)

WebStorm Mac版
好用的JavaScript开发工具