CSS 인쇄 중에 DIV가 잘리는 것을 방지하는 방법은 무엇입니까?

CSS 인쇄 중 DIV 잘림 방지

다양한 높이의 동적 HTML 콘텐츠를 생성할 때 인쇄 중 페이지 사이에서 DIV가 잘리는 문제가 발생하는 것이 일반적입니다. . 이 문제로 인해 인쇄물을 사용하기 어려울 수 있습니다.

이 문제를 해결하려면 다음 CSS를 사용해 보십시오.

<code class="css">@media print {
  div {
    break-inside: avoid;
  }
}</code>

break-inside: 회피 속성은 DIV 요소 내에서 페이지 나누기가 발생하는 것을 방지하여 다음을 보장합니다. 한 페이지에 인쇄한다는 것입니다. 이 속성은 Chrome, Edge, Firefox, Opera 및 Safari를 포함한 모든 주요 브라우저에서 지원됩니다.

대안으로 break-에서 더 이상 사용되지 않는 page-break-inside:void;를 사용할 수 있습니다. 내부: 피하되 여전히 작동해야 합니다.

위 내용은 CSS 인쇄 중에 DIV가 잘리는 것을 방지하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!