8

管理者情報を含む XHTML ベースのページがあります。管理者はページを印刷できるはずですが、管理者の情報を非表示にしたいと考えています。

ページを印刷するときに印刷領域を設定する方法はありますか、または「印刷」ボタンをクリックしたときに管理者情報なしでセカンダリ ページを開く唯一の実行可能な解決策はありますか?

ありがとうございました!

4

4 に答える 4

30

これを試して:

<style type="text/css" media="print">
.dontprint
{ display: none; }
</style>

<div class="dontprint">I'm only visible on the screen</div>
于 2012-08-31T15:22:17.880 に答える
11

display: none以下を使用して、その div の CSS を設定できます。

@media print {
    div.do-not-print {display: none;}
}

通常は表示されますが、印刷時にはその CSS クラスが使用されます。

于 2012-08-31T15:18:50.773 に答える
5

ページに print.css を追加して、印刷したくない要素をすべて非表示にします

<link rel="stylesheet" href="print.css" type="text/css" media="print" />

media="print" 属性は、ブラウザーに特定の css ファイルを使用するように指示します。

そのファイルには、

.admindetails{
   display:none;
}
于 2012-08-31T15:16:57.600 に答える
3

確かに, 印刷用に別のスタイルシートを追加できます. 以下の例を参照してください.

<link href="print.css"  rel="stylesheet" type="text/css" media="print" />

またはスタイルシートを終了するときに、メディアクエリを追加できます

@media print {
    .no-print {display: none;}
}

そして、HTML要素を印刷したくない場所に .no-print クラスを追加します

于 2017-01-02T08:39:36.273 に答える