Computer >> Hướng Dẫn Máy Tính >  >> Lập Trình >> CSS

Kiểm soát ngắt trang (Pagination) với CSS

Để kiểm soát phân trang, sử dụng các thuộc tính page-break-before, page-break-after, và page-break-inside.

Cả page-break-before và page-break-after chấp nhận các từ khóa auto, always, avoid, left, right.

Từ khóa auto là mặc định; để trình duyệt tự tạo ngắt trang khi cần. Always buộc ngắt trang trước/sau phần tử, avoid ngăn ngắt trang ngay trước/sau phần tử. Left và right buộc một hoặc hai ngắt trang để phần tử hiển thị ở trang trái/phải.

Ví dụ: tài liệu có h1 bắt đầu chương mới, h2 chỉ section. Muốn mỗi chương bắt đầu trang phải mới, nhưng không muốn header section bị tách khỏi nội dung sau.

Ví dụ

Đạt được bằng quy tắc sau:

<style>
  <!--
    h1 { page-break-before: right }
    h2 { page-break-after: avoid }
  -->
</style>