다양한 내용의 페이지에 div이 많이 있습니다. page-break-inside: avoid;을 사용하여 각 div 섹션이 2 페이지 이상으로 분할되지 않도록하려고합니다.`page-break-inside : avoid;의 크로스 브라우저 지원
Firefox에서는 작동하지만 IE8에서는 작동하지 않습니다.
나는 내 CSS의 인쇄 파일
.page-break-inside-avoid { page-break-inside: avoid; }
이가 내 div의는 <div class="page-break-inside-avoid">
에서 IE8은 이제이 기능을 지원하도록되어 같은 클래스를 실시한다. 그렇지 않니?
내가 잘못 했나요? 누구든지이 문제를 해결 했습니까? 아니면 그것에 대한 경험이 있습니까?
도움이 될 것입니다.
덕분에 많은 리처드
Webdevout.net 브라우저 CSS 호환성을 확인하기 좋은 장소입니다. page-break-inside 만 IE8과 오페라 8 +를 들어
이 난 단지 그것을 추측 할 수있는 코드를 보지 않고 그것을
IE8에서 작동하지 않는 이유는 무엇입니까? 감사합니다 –
단점 모드와 달리 페이지가 ** 표준 준수 모드 **로 해석 될 때 IE8에서만 * page * break-inside *가 작동한다는 것을 알았습니다. 따라서 유효한 doctype을 가지고 있는지 확인하십시오! http://www.quirksmode.org/css/quirksmode.html –
2016 및 http://caniuse.com/#feat=css-page-break의 속성에 대한 최신 지원 표를 참조하십시오. –
을 지원하기 위해 표시되는 것은 어쩌면 당신이 그것을 적용하려는 된 div의 높이 또는 중첩 함께 할 수있는 뭔가있다 에. IE와 FF의 인쇄 미리보기가 모두 다른 브라우저 뷰포트와 다른 뷰포트 크기의 뷰포트 치수를 가지므로 너비가 너비 일 수도 있습니다. 일부 픽셀만으로도 화면이 완전히 바뀔 수 있습니다.
Microsoft Word 2010은 그렇지 않습니다. HTML (XHTML 1.0 transitional)에서 가져올 때이 스타일 속성을 존중하는 것처럼 보입니다. 즉, <div> 요소가 분할 될 수 있습니다.
firat div는 페이지에 맞지만 두 번째 div는 그렇지 않으므로 다음 페이지에 제대로 인쇄되지만 세컨드 페이지의 두 번째 div 다음에 계속됩니다. 첫 번째 페이지의 공백을 채운 다음 계속됩니다 두 번째 div와 두 번째 페이지 이후 두 번째 div가 세 번째 div 안에 인쇄되는 것처럼 보입니다. 그 말이 맞는다면 !! 도와주세요 –
코드의 나머지 부분을 보지 않고도이 답변을 알 수는 없지만 – Gareth