Computer >> 컴퓨터 >  >> 프로그램 작성 >> JavaScript

JavaScript로 요소 내에서 페이지 나누기 동작을 설정하는 방법은 무엇입니까?


pageBreakInside 사용 요소 내에서 페이지 나누기 동작을 설정하려면 JavaScript의 속성을 사용하십시오. 자동 사용 요소 내부에 페이지 나누기를 삽입하는 속성입니다. 자동 사용 또는 피하십시오 필요한 경우 요소 내부에 페이지 나누기를 자동으로 삽입하거나 페이지 나누기를 각각 피하기 위한 속성 값입니다.

참고 − 인쇄 또는 인쇄 미리보기를 보는 동안 변경 사항이 표시됩니다.

예시

다음 코드를 실행하여 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>