當網頁包含多列時,橫向列印網頁是理想的選擇。但是,使用者可能需要手動調整印表機設定才能實現此目的。本文深入研究了無需用戶幹預即可以橫向模式列印 HTML 文件的各種選項,並探討了它們的瀏覽器相容性。
CSS @page 屬性可讓您指定頁面設置,包括大小和方向。要橫向列印文檔,請使用以下CSS 規則:
@media print{@page {size: landscape}}
雖然此規則是CSS 2.1 規範的一部分,但對「size」屬性的支援有限,因為它在CSS 3 中已棄用.
有些文章建議使用JavaScript 或ActiveX將擊鍵傳送到使用者的瀏覽器,本質上是以程式方式更改印表機設定。但是,這些解決方法並不理想,需要修改瀏覽器安全設定。
您可以使用CSS 轉換來旋轉頁面內的內容,而不是旋轉頁面:
.page { -webkit-transform: rotate(-90deg); -moz-transform:rotate(-90deg); filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3); }
這種方法有其自身的缺點,會導致對齊和佈局問題。
另一個選項是以 PDF 格式建立文件的橫向版本,並將「列印」按鈕指向它。然而,這可能不適用於 IE7 中的自動列印。
橫向列印 HTML 文件並不簡單,不同瀏覽器的支援也有所不同。 @page 規則可能在某些瀏覽器中有效,但 JavaScript 或 ActiveX 解決方法並不可靠。旋轉內容是可能的,但會產生其他問題。轉換為 PDF 是一種選擇,但它可能不適合所有情況。最終,最好的方法取決於內容和瀏覽器環境。
以上是如何在沒有使用者乾預的情況下強制橫向列印 HTML 文件?的詳細內容。更多資訊請關注PHP中文網其他相關文章!