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頁面

回答

相關問題