html - 从 HTML 横向打印

Question

我有一个 HTML 报告，由于列数很多，需要横向打印。有没有办法做到这一点，而无需用户更改文档设置？

浏览器之间有哪些选择。

Answer 1

在您的 CSS 中，您可以设置 @page 属性，如下所示。

@media print{@page {size: landscape}}

@page 是 CSS 2.1 specification 的一部分然而，这个 size 并没有像问题 Is @Page { size:landscape} obsolete? 的答案那样突出显示。 :

CSS 2.1 no longer specifies the size attribute. The current working draft for CSS3 Paged Media module does specify it (but this is not standard or accepted).

如上所述，大小选项来自 CSS 3 Draft Specification .理论上它可以设置为页面大小和方向，尽管在我的示例中省略了大小。

支持与bug report begin filed in firefox 非常混杂。 ，大多数浏览器不支持。

它在 IE7 中似乎可以工作，但这是因为 IE7 会记住用户在打印预览中最后选择的横向或纵向(仅重新启动浏览器)。

This article确实有一些建议的解决方法，使用 JavaScript 或 ActiveX 将 key 发送到用户浏览器，尽管它们并不理想并且依赖于更改浏览器的安全设置。

或者，您可以旋转内容而不是页面方向。这可以通过创建一个样式并将其应用于包含这两行的正文来完成，但这也有缺点，会产生许多对齐和布局问题。

<style type="text/css" media="print">
    .page
    {
     -webkit-transform: rotate(-90deg); 
     -moz-transform:rotate(-90deg);
     filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    }
</style>

我发现的最后一种选择是在 PDF 中创建横向版本。您可以指出，当用户选择打印时，它会打印 PDF。但是我无法让它在 IE7 中自动打印工作。

<link media="print" rel="Alternate" href="print.pdf">

总而言之，在某些浏览器中，使用@page size 选项相对容易，但是在许多浏览器中没有确定的方法，这取决于您的内容和环境。这可能是 Google Documents 在选择打印时创建 PDF 并允许用户打开和打印的原因。