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

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

WBOY
WBOY転載
2023-08-25 10:57:02737ブラウズ

使用 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 までご連絡ください。