ホームページ  >  記事  >  ウェブフロントエンド  >  CSS の page-break-after 属性を使用して、Web ページの強制ページング印刷を実装します。

CSS の page-break-after 属性を使用して、Web ページの強制ページング印刷を実装します。

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

dedecms.com は CSSプロパティ に関する多くの知識を紹介していますが、非常に不人気なプロパティがまだ不足しています。 B/S プログラムでは、CSS は印刷ページの制御には比較的弱く、たとえば、自動 ページング は基本的に実用的ではありません。通常、必要に応じてブラウザにページ分割を強制する必要があります。この場合、次のスタイルを使用できます:

サンプルコード

 [www.dedecms.com]<style type="text/css">
  .w3cbbs { page-
break
-after:always;}
</style>

auto: ページ分割には影響しません。
常に: ページ区切り文字を要素の後に強制的に表示します。
回避: 要素の後にページ区切り文字が表示されるのを避けます。
left : 要素の後に空白の左マージンに達するまで改ページを挿入します。
right : 要素の後に空白の右マージンに達するまで改ページを挿入します。
継承: 親要素と同じ属性値を使用します。

Web 印刷でページネーションを行う場合、ページネーションが必要な場所にタグ

サンプルコード

 [www.dedecms.com]<p class="w3cbbs"></p>,

または

<p class="w3cbbs"></p>


を挿入できます。
しかし、使っていると、IEでは正常にページネーションできるのに、Firefoxでは効果がない、ということに遭遇するかもしれません。分析の結果、Firefox で page-break-after 属性を使用すると、すべての印刷コンテンツを表に入れることができないことがわかりました。つまり、Firefox はテーブルを切断できません。したがって、Firefox でページング印刷に page-break-after を使用する場合は、印刷されたコンテンツを表に配置しないようにする必要があります。代わりに、コンテンツを p に配置することもできます。

以上がCSS の page-break-after 属性を使用して、Web ページの強制ページング印刷を実装します。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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