我想以縱向格式打印頁面的一部分

我找到了這個printarea插件，請參閱http://plugins.jquery.com/project/PrintArea。我想以縱向格式打印頁面的一部分

所以我在我的HTML中有一個部分，我想要打印的頁面部分。而我在下面的腳本。但是，當我打印一個頁面時，它會以橫向格式而不是protrait格式。我如何解決這個問題？此外元素會導致不需要的分頁，我該如何解決？或者有更好的方法來做到這一點？

<script type="text/javascript" src="<%=Url.Content("~/Scripts/jquery.Printarea.js")%>"></script> 

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("#btnPrintOnePage").click(function() { 
      // Print the DIV. 
      $(".printable").printArea(); 
      // Cancel click event. 
      return (false); 
     } 
     ) 
     ; 
    }); 
</script>

來源

2011-08-12 arame3333

感謝您的幫助大家。我發現了我正在做的解決方案，但我無法保證它是解決方案，只要發生這種情況。我放入下面的代碼;

<script type="text/javascript"> 
     $(document).ready(function() { 
      $("#btnPrintOnePage").click(function() { 
       // Print the DIV. 
       $(".printable").printElement({ 
        printMode: 'popup', 
        overrideElementCSS: ['<%=Url.Content("~/Content/print.css")%>'] 
       }); 
      }); 
     }); 
</script>

隨着printElement插件（http://projects.erikzaadi.com/jQueryPlugins/jQuery.printElement/）我是能夠交換的樣式，我不得不在什麼是輸出更多的控制。

來源

2011-08-15 10:15:43 arame3333

很難控制網站的打印方式。無論是以橫向還是縱向打印，都取決於瀏覽器的打印設置。

某些元素可能會導致不需要的分頁符。這些元素通常浮動或溢出設置或非常寬。您應該使用打印CSS刪除或重置這些值。你會發現很多關於打印優化的信息。一個例子是：http://www.webdesignerdepot.com/2010/01/10-tips-for-better-print-style-sheets/

來源

2011-08-12 12:03:56

有幾個選項。里程可能會有所不同。

根據需要生成PDF並打印。
在打印樣式表，頁面設置爲人像，像這樣@page {size:portrait;}或@page {size:8.5in 11in;}
在打印樣式表
，根據需要旋轉內容。所以.printable{-moz-transform:rotate(-90deg) // other rotate styles etc.}

來源

2011-08-12 13:05:32

要水平打印，以下應在標頭被添加：

var options = { mode : "popup", popClose : true, extraHead : '<meta charset="utf-8"/>,<meta http-equiv="X-UA-Compatible" content="IE=edge"/>,<style rel="stylesheet" type="text/css" media="print">@page { size: landscape; }</style>' }; 

$("#form1").printArea(options);

來源

2018-02-22 16:37:00

我想以縱向格式打印頁面的一部分

回答

相關問題