從 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盒子陰影和輪廓屬性獲得了主題。讓我們查看一些在真實主題中起作用的示例,以及我們必須將這些樣式應用於WordPress塊和元素的選項。

Svelte Transition API提供了一種使組件輸入或離開文檔(包括自定義Svelte Transitions)時動畫組件的方法。

前幾天我只是和埃里克·邁耶(Eric Meyer)聊天,我想起了我成長時代的埃里克·邁耶(Eric Meyer)的故事。我寫了一篇有關CSS特異性的博客文章,以及


熱AI工具

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

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

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

AI Hentai Generator
免費產生 AI 無盡。

熱門文章

熱工具

SublimeText3漢化版
中文版,非常好用

MinGW - Minimalist GNU for Windows
這個專案正在遷移到osdn.net/projects/mingw的過程中,你可以繼續在那裡關注我們。 MinGW:GNU編譯器集合(GCC)的本機Windows移植版本,可自由分發的導入函式庫和用於建置本機Windows應用程式的頭檔;包括對MSVC執行時間的擴展,以支援C99功能。 MinGW的所有軟體都可以在64位元Windows平台上運作。

禪工作室 13.0.1
強大的PHP整合開發環境

SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)

WebStorm Mac版
好用的JavaScript開發工具