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

Làm cách nào để đặt hành vi ngắt trang bên trong một phần tử bằng JavaScript?


Sử dụng pageBreakInside trong JavaScript để đặt hành vi ngắt trang bên trong một phần tử. Sử dụng tự động thuộc tính để chèn ngắt trang bên trong một phần tử. Sử dụng tự động hoặc tránh giá trị thuộc tính để tự động chèn ngắt trang bên trong một phần tử, nếu cần hoặc tránh ngắt trang, tương ứng.

Lưu ý - Các thay đổi sẽ hiển thị trong khi in hoặc xem bản xem trước bản in.

Ví dụ

Bạn có thể thử chạy mã sau để trả về hành vi ngắt trang bên trong một phần tử bằng JavaScript -

<!DOCTYPE html>
<html>
   <body>
      <h1>Heading 1</h1>
      <p>This is demo text.</p>
      <p>This is demo text.</p>
      <p id = "myFooter">This if footer text.</p>
      <button type = "button" onclick="display()"> Set page-break </button>
     
      <script>
         function display() {
            document.getElementById("myFooter").style.pageBreakInside = "auto";
         }
      </script>
   </body>
</html>