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

Cách sử dụng các thuộc tính ngắt trang trước, ngắt trang sau và ngắt trang trong CSS


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 theo ngắt trang so với nội dung tiếp theo. 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>

Chỉ sử dụng tự động tránh các giá trị với page-break-inside bất động sản. Nếu bạn muốn các bảng của mình không bị chia nhỏ trên các trang nếu có thể, bạn sẽ viết quy tắc -

<style>
   <!--
      table { page-break-inside : avoid }
   -->
</style>