CSSのpage-break-after属性の使い方-CSSチュートリアル-php.cn

CSSのpage-break-after属性の使い方

silencement

リリース： 2019-05-28 10:00:11

オリジナル

3581 人が閲覧しました

CSSのpage-break-after属性の使い方

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 サイトの他の関連記事を参照してください。