2

HTMLページをA4サイズで印刷する必要があり、さらにコンテンツ本文をcss、htmlとともに印刷し、メニューリスト、ヘッダー、フッター、およびページ右側のメニューリストを無視したい.

これを開始するには、単純な div とクラス noprint を導入し、これを @media print に追加しましたが、機能していないようです。noprint クラスは @media プリントの外で動作するので、正しいことがわかります。

また、私の要件は、標準の Ctrl+P キーボード オプションを使用してブラウザから直接印刷することです。

<style type="text/css">

    .standardStyle {
        display:block;
        width:200px;
        height:150px;
        padding:10px;
        background-color:green;
        margin:5px;
    }

    @media print{ 
     .noprint{ color:red;}
    }

</style>

</head>
<body>

<div class="noprint standardStyle">
    this is test line....
</div>

<div class="print standardStyle">
    this is test line....
</div>

<div class="print standardStyle">
    this is test line....
</div>

4

3 に答える 3

4

スニペットを実行して Ctrl+P を押すと、線が赤色で表示されます。スクリーンショット:

ここに画像の説明を入力 

@media print {
       .noprint { color:red; }
 }
<div class="noprint">
        this is test line.....
</div>

于 2016-03-22T16:42:59.990 に答える
2

ほとんどのブラウザは、デフォルトでは背景色と背景画像を印刷しません。緑の背景が欠けていると思います - これが理由です。

通常、これはブラウザの印刷ダイアログで有効にできますが、背景を強制的に印刷する!importantには、印刷に適切に表示されない設定に追加することしかできません。

于 2016-03-22T16:51:01.783 に答える