내 CSS 페이지 나누기가 브라우저 간에 일관되지 않는 이유는 무엇입니까?

CSS 페이지 나누기에 대한 브라우저 간 지원

페이지 나누기 CSS 속성이 널리 인식되고 있음에도 불구하고 개발자는 다음과 같은 경우 브라우저 간 불일치에 직면하는 경우가 많습니다. 페이지 나누기를 구현하려고 합니다. Internet Explorer와 Opera는 안정적인 동작을 보이는 반면, Firefox는 분리되지만 여러 페이지를 인쇄하지 못하는 반면, Chrome과 Safari는 마지막 페이지에만 나누기를 적용합니다.

문제 해결

브라우저 간 호환성을 보장하려면 부동 소수점 값이 있는 상위 요소라는 일반적인 함정을 해결하는 것이 중요합니다. 모든 상위 요소에서 float를 없음으로 재설정하면 page-break-before:always 속성이 올바르게 작동합니다.

추가 고려 사항

float 문제 외에도 다른 요인 페이지 나누기를 방해할 수도 있습니다.

• 테이블 내에서 페이지 나누기 사용 요소
• 플로팅 요소 통합
• 인라인 블록 요소 사용
• 테두리가 있는 블록 요소 활용

크로스 브라우저용 CSS 개정 호환성:

@media print {
  #leftNav {
    display: none;
  }
  #mainBody {
    float: none;
    border: none;
    margin: none;
    padding: none;
  }
  div.pageBreak {
    page-break-before: always;
  }
}

위 내용은 내 CSS 페이지 나누기가 브라우저 간에 일관되지 않는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!