CSS での page-break-after 属性の使用法-CSSチュートリアル-php.cn

CSS での page-break-after 属性の使用法

黄舟

リリース： 2017-07-08 09:59:21

オリジナル

1687 人が閲覧しました

CSS2.0 の page-break-after プロパティの使用方法をご存知ですか? CSS の page-break-after プロパティには、自動デフォルト、常に回避、継承などのいくつかのオプションがあります。、以下の具体的な使用方法を参照してください。

CSS2.0におけるpage-break-after属性の使い方

page-break-afterは、CSSで印刷

ページネーションを設定するために使用されるCSS属性であり、すべてのブラウザをサポートしています。

page-break-after には次のオプションがあります:

◆自動デフォルト。必要に応じて要素の後に改ページを挿入します。

◆要素の後には必ず改ページを挿入してください。

◆要素の後に改ページを挿入することは避けてください。

◆left要素の後、空白の左ページまで十分な改ページがあります。

◆right 要素の後、空白の右ページまで十分な改ページがあります。

◆inherit は、

page-break-after 属性の設定を親要素から継承することを指定します。

一般的に使用されるページングタグは次のとおりです:

サンプルコード:

<divstyledivstyle="page-break-after:always"> 
<spanstylespanstyle="display:none"> </span> 
</div>

ログイン後にコピー

同様に、

table の CSS 印刷スタイルを設定することもできます。以下は例であり、各テーブルはページ単位で印刷されます。

サンプルコード

<html> 
<head> 
<style> 
@mediaprint  
{  
table{page-break-after:always;}  
}  
</style> 
</head> 
<body> 
<table><tr><td>第一个表格</td></tr><tr><td>第一个表格</td></tr></table> 
<table><tr><td>第二个表格</td></tr><tr><td>第二个表格</td></tr></table> 
</body> 
</html>

ログイン後にコピー

上記の例では、印刷プレビューで 2 つのテーブルのデータが 2 ページに別々に印刷されます。これは改ページを使用しています。 after属性の効果。

以上がCSS での page-break-after 属性の使用法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。