ホームページ > ウェブフロントエンド > CSSチュートリアル > CSSを使用してページネーションを制御する

CSSを使用してページネーションを制御する

WBOY
リリース: 2023-08-25 10:57:02
転載
792 人が閲覧しました

使用 CSS 控制分页

ページングを制御するには、page-break-beforepage-break-after、および page-break を使用します。 - 属性の内部。

page-break-beforepage-break-after は両方とも auto を常に受け​​入れ、左右のキーワードを避けます。

キーワード auto がデフォルトであり、ブラウザが必要に応じて改ページを生成できるようになります。キーワード always は要素の前後でページネーションを強制しますが、avoid は要素の直前または直後の ページネーションを禁止します。 Left および Right キーワードは、要素がページの左側または右側に表示されるように、1 つまたは 2 つの改ページを強制します。

ページネーション属性の使用は非常に簡単です。文書にレベル 1 の見出しがあり、レベル 2 の見出しで新しいセクションを開始することで章を表すとします。各章を新しい右側のページで開始する必要がありますが、章のタイトルとそれに続くコンテンツを区切るための改ページは望ましくありません。

これは、次のルールを使用して実現できます

<style>
   <!--
      h1 {
         page-break-before : right
      }
      h2 {
         page-break-after : avoid
      }
   -->
</style>
ログイン後にコピー

以上がCSSを使用してページネーションを制御するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:tutorialspoint.com
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート