CSS - 在其他页面中打印横向html页面

我做了一个简单的页面，在这里我想要一些分页符和页面横向打印。问题是，所有页面都在前一页中滑动。这里是我的代码：CSS - 在其他页面中打印横向html页面

<html> 
<head> 
    <style> 
     .break { 
      page-break-after: always; 
     } 
     .page { 
      width: 29.7cm; 
      height: 21cm; 
      margin: 0; 
      padding: 0; 
     } 
     @media print { 
      .container { 
       -webkit-transform: rotate(-90deg); 
       -moz-transform:rotate(-90deg); 
       filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3); 
      } 
     } 
    </style> 
</head> 
<body> 
    <div class="page break container"> 
    Lorem ipsum (...) turpis. 
    </div> 
    <div class="page break container"> 
    Nulla sagittis (...) lectus. 
    </div> 
    <div class="page container"> 
    Donec pharetra (...) Curae; 
    </div> 
</body> 
</html>

而导致打印预览看起来是这样的：

我试图修改宽度和高度以及其他一些东西，但唯一的区别是位置，其中文本在预览中绘制。

有什么想法？

在此先感谢！

来源

2016-01-08 matthew3r

试图通过这迫使页面vreak：

@media print { 
.break {page-break-after: always;} 
}

（也可通过旋转它，像这样指定打印CSS的风景，而不是：

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

）？

来源

2016-01-08 14:14:59 Goombah

试过了，依然如此。 – matthew3r

并与编辑？ – Goombah

随着编辑它很好。它在IE中看起来也不错，它只有一个小问题，但我可以弄明白。谢谢！ – matthew3r

CSS - 在其他页面中打印横向html页面

回答

相关问题