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

文章討論了CSS FlexBox,這是一種佈局方法,用於有效地對齊和分佈響應設計中的空間。它說明了FlexBox用法,將其與CSS網格進行了比較,並詳細瀏覽了瀏覽器支持。

本文討論了使用CSS創建響應網站的技術,包括視口元標籤,靈活的網格,流體媒體,媒體查詢和相對單元。它還涵蓋了使用CSS網格和Flexbox一起使用,並推薦CSS框架

本文討論了CSS盒裝屬性,該屬性控制了元素維度的計算方式。它解釋了諸如Content-Box,Border-Box和Padding-Box之類的值,以及它們對佈局設計和形式對齊的影響。


熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

Video Face Swap
使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

熱工具

SAP NetWeaver Server Adapter for Eclipse
將Eclipse與SAP NetWeaver應用伺服器整合。

Atom編輯器mac版下載
最受歡迎的的開源編輯器

MantisBT
Mantis是一個易於部署的基於Web的缺陷追蹤工具,用於幫助產品缺陷追蹤。它需要PHP、MySQL和一個Web伺服器。請查看我們的演示和託管服務。

SublimeText3 Linux新版
SublimeText3 Linux最新版

ZendStudio 13.5.1 Mac
強大的PHP整合開發環境