使用HTML/CSS創建可打印文檔

Question

有沒有辦法使用HTML/CSS來描述可打印文檔（例如A4尺寸）？ 在HTML5中，我們有<header>,<footer>和大量可用於構建文檔的元素，但我不知道是否可以輸出使用Web技術顯示內容的PDF文檔。

我嘗試在CSS中使用媒體查詢@print，以便使用我的瀏覽器打印框將PDF文件輸出爲PDF格式，但這種解決方案在我看來不是很好（顯示頁碼或腳註中的腳註）。

此外，使用不同的瀏覽器的渲染是不一樣的，我希望我的文檔都是一樣的。

Answer 1

@print是最好的解決辦法：

@media print { 
    body * { 
     visibility: hidden; 
    } 
    #section-to-print, #section-to-print * { 
     visibility: visible; 
    } 
    #section-to-print { 
     position: absolute; 
     left: 0; 
     top: 0; 
    } 
} 

這裏查看所有更多鈔票的解決方案： Print <div id=printarea></div> only?

你也許會發現你所需要的。