print-css 只打印正文內容

Question

我一直是 css 的頑固采用者之一，但是我認識到它們的有用性，現在甚至是必要性。 我遇到的問題是我的 print.css 做錯了，導致它無法正常工作。 （也就是說，與沒有它的打印沒有區別）

目標：我正在開發一個實用程序，將帶有二維碼的標簽發送到標簽打印機。 我正在用 Python 編寫這個，並且找到迄今為止以我想要的格式呈現標簽的最佳方法，就是使用一些 html 來實現。

我所擁有的 html 就像我想要的那樣將標簽呈現在屏幕上。 然后我想將它發送到打印機。 但是，我只想打印標簽以及必要的換行符，以充分推進標簽卷以准備打印下一個標簽。

我的想法是將我的頁面大小定義為標簽紙的周長，打印每個標簽，然后進紙標簽。

我想，如果不是全部的話，我可以通過一些 JavaScript 將頁面發送到打印機並使用 print.css 文件來設置發送到打印機的頁面的格式。

我還沒有嘗試控制頁面大小或強制創建新頁面。 我想先將數據打印在標簽上，然后再調整其余部分。

下面是我的 html 和我的 print.css 文件。

我也在 html 中引用了 main.css，它是空白的，因為所有必要的格式都在 html 中發生，但我遇到的一些事情似乎表明 main.css 是 print.css 所必需的。 這對我來說沒有意義，但試圖涵蓋基礎，因為我遠非 css 專家。

我只希望 print.css 刪除不必要的頁眉和頁腳信息並僅打印標簽中的內容。

JavaScript 正在運行，但我無法讓 css 影響到打印機的輸出。 我繼續在右側的左側網頁名稱和頁腳中獲得帶有日期的標題，左側是文件位置，左側是頁碼/序列。

html.page

    <html>
        <head>
            <link rel="sytlesheet" href="main.css" />
            <link rel="stylesheet" media="print" href="C:\users\download\py\blabel\print.ccs" />
        </head>

        <body>
            <span class='label'>
                <table style="float: left">
                    <tr>
                        <td><img src="famous-joke.png"></td>
                    <tr>
                </table>

                <table style="float: left">
                    <tr>
                        <td style = "font-variant:small-caps; font-size:small; text-align:right;">prod #: </td>
                        <td style = "font-size:large; text-align:left;">64312345<br></td>
                    </tr>
                    <tr>
                        <td style = "font-variant:small-caps; font-size:small;text-align:right;">q/pt #: </td>
                        <td style = "font-size:large; text-align:left;">Q-FRONT LEFT TIRE<br></td>
                    </tr>
                    <tr>
                        <td style = "font-variant:small-caps; font-size:small; text-align:right;">desc: </td>
                        <td style = "font-size:large; text-align:left;">Tire front left</td>
                    </tr>
                </table>
            </span>
            <script javascript>
                window.print()
            </script>
        </body>
    </html>

打印文件

    @media print {
       #header, #navbar, #navbar, #toolbar, #footer, .title {
       display:none !important;
      } 
    }

編輯：更正了 html 標簽 - KC

Answer 1

頁眉/頁腳/頁面名稱來自瀏覽器的默認打印設置。 您需要在瀏覽器的打印對話框中更改它。 它不是頁面本身的一部分，因此您的 CSS 無法控制它。

print-css 只打印正文內容

問題描述

html.page

打印文件

1 個解決方案

解決方案1
0 已采納 2020-03-13 17:30:03

print-css 只打印正文內容

問題描述

html.page

打印文件

1 個解決方案

解決方案1 0 已采納 2020-03-13 17:30:03

解決方案1
0 已采納 2020-03-13 17:30:03