从 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 FlexBox,这是一种布局方法,用于有效地对齐和分布响应设计中的空间。它说明了FlexBox用法,将其与CSS网格进行了比较,并详细浏览了浏览器支持。

本文讨论了使用CSS创建响应网站的技术,包括视口元标签,灵活的网格,流体媒体,媒体查询和相对单元。它还涵盖了使用CSS网格和Flexbox一起使用,并推荐CSS框架

本文讨论了CSS盒装属性,该属性控制了元素维度的计算方式。它解释了诸如Content-Box,Border-Box和Padding-Box之类的值,以及它们对布局设计和形式对齐的影响。


热AI工具

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

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

Undress AI Tool
免费脱衣服图片

Clothoff.io
AI脱衣机

Video Face Swap
使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热门文章

热工具

螳螂BT
Mantis是一个易于部署的基于Web的缺陷跟踪工具,用于帮助产品缺陷跟踪。它需要PHP、MySQL和一个Web服务器。请查看我们的演示和托管服务。

WebStorm Mac版
好用的JavaScript开发工具

SecLists
SecLists是最终安全测试人员的伙伴。它是一个包含各种类型列表的集合,这些列表在安全评估过程中经常使用,都在一个地方。SecLists通过方便地提供安全测试人员可能需要的所有列表,帮助提高安全测试的效率和生产力。列表类型包括用户名、密码、URL、模糊测试有效载荷、敏感数据模式、Web shell等等。测试人员只需将此存储库拉到新的测试机上,他就可以访问到所需的每种类型的列表。

适用于 Eclipse 的 SAP NetWeaver 服务器适配器
将Eclipse与SAP NetWeaver应用服务器集成。

Dreamweaver Mac版
视觉化网页开发工具