ホームページ  >  記事  >  ウェブフロントエンド  >  CSS の @page は印刷に使用されますか?どれくらい効果があるのでしょうか?

CSS の @page は印刷に使用されますか?どれくらい効果があるのでしょうか?

黄舟
黄舟オリジナル
2017-07-08 09:27:252823ブラウズ

CSS の @page は印刷に使用されますか? IEだとエフェクト表示できないんですか?
効果を表示できる場合は、具体例を教えてください

@pageの目的が分からない場合は、以下を参考にしてみてください:

CSSを使用して、 のクラスを定義してください。 noprint、印刷されません コンテンツはこのクラスに配置されます。 詳細は以下の通りです:

<style media=print type="text/css">    
.noprint{visibility:hidden}    
</style>

何を印刷するか。ははは!

 <p class="noprint">

非印刷コードをここに入力してください。

</p> <a href="javascrīpt:window.print()" target="_self">打印</a>

2 番目の方法: 印刷する内容を spam または div に配置し、関数 を介して印刷します。

<span id=&#39;div1&#39;>把要打印的内容放这里</span> 
<p>所有内容</p> 
<div id="div2">div2的内容</div> 
<a href="javascrīpt:printme()" target="_self">打印</a> 
<scrīpt language="javascrīpt"> 
function printme() {      
document.body.innerHTML=document.getElementById(&#39;div1&#39;).innerHTML+&#39;<br/>&#39;+document.getElementById(&#39;div2&#39;).innerHTML;      
window.print(); } 
</scrīpt>

ページ全体の一部だけを印刷したい場合は、2 番目の方法を使用するのが最善です。

3 番目の方法: 印刷するページのレイアウトが元の Web ページと大きく異なる場合は、この方法を使用します。 [印刷] ボタン をクリックして新しいウィンドウをポップアップし、印刷するコンテンツを新しいウィンドウに表示し、新しいウィンドウで window.print() メソッドを呼び出して、新しいウィンドウを自動的に閉じます。

以上がCSS の @page は印刷に使用されますか?どれくらい効果があるのでしょうか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。