ホームページ > 記事 > ウェブフロントエンド > CSSのpage-break-after属性の使い方
CSSのpage-break-after属性の使い方
- silencementオリジナル
- 2019-05-28 10:00:113583ブラウズ
css page-break-after 属性の定義と使用法
css では、page-break-after 属性は要素を指定するために使用されます。後の改ページは、通常、その位置属性値が相対 (相対位置決め) または静的 (デフォルト位置決め) である非浮動ブロックレベル要素で使用されます。この属性は、絶対位置決めされた要素 (位置値が絶対または固定) では使用できません。
css の page-break-after 属性は、一般的にはあまり使用されません。ページング属性の使用はできる限り少なくし、テーブル、フローティング要素、枠線のあるブロック要素ではページング属性の使用を避けることをお勧めします。
css 改ページ後の属性構文形式
css 構文: page-break-after:auto/always/avoid/left/right/inherit
JavaScript 構文: object.style.pageBreakAfter="always"
属性値の説明
auto: 必要に応じて要素の後に改ページを挿入します。 (デフォルト)
always: 要素の後に改ページを挿入します。
avoid: 要素の後に改ページを挿入しないようにします。
left: 要素の後に十分な改ページを挿入します。左ページが空白になるまで
#right: 要素の後に十分な改ページがあり、右ページが空白になるまで#inherit: 親要素から改ページ後の属性を継承します。
##インスタンス<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>css page-break-after属性插入分页符</title>
<style type="text/css">
p{page-break-after:always;}
</style>
</head>
<body>
<p>在该段落后边插入分页符</p>
<p>在该段落后边插入分页符</p>
<p>在该段落后边插入分页符</p>
<p>在该段落后边插入分页符</p>
</body>
</html>実行結果
以上がCSSのpage-break-after属性の使い方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。