Computer >> Máy Tính >  >> Lập trình >> CSS

Kiểm soát phân trang bằng CSS


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

Cả page-break-before ngắt trang sau chấp nhận các từ khóa tự động, luôn luôn, tránh, trái và phải.

Từ khóa tự động là mặc định; nó cho phép trình duyệt tạo ngắt trang khi cần thiết. Từ khóa luôn luôn buộc ngắt trang trước hoặc sau phần tử, trong khi tránh ngăn chặn ngắt trang ngay trước hoặc sau phần tử. Trái và phải từ khóa buộc một hoặc hai ngắt trang để phần tử được hiển thị trên trang bên trái hoặc bên phải.

Sử dụng thuộc tính phân trang khá đơn giản. Giả sử tài liệu của bạn có tiêu đề cấp 1 bắt đầu các chương mới với tiêu đề cấp 2 để biểu thị các phần. Bạn muốn mỗi chương bắt đầu trên một trang mới, bên tay phải, nhưng bạn không muốn các tiêu đề của phần bị tách ra khỏi ngắt trang so với nội dung tiếp theo.

Ví dụ

Bạn có thể đạt được điều này bằng cách sử dụng quy tắc sau

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