페이지 나누기가 무시 됨

Question

다른 페이지의 HTML을 동적으로 추가하고 인쇄용으로 스타일을 지정하고 있습니다. 그러나 page-break-inside: avoid;은 내 요소 (그 중 하나)에 적용될 때 스타일에 표시 되더라도 인쇄 할 때 고려되지 않습니다. 나는 윈도우 내 프로그램의 단순화 된 버전의

Here is a jsFiddle

에 크롬 31을 사용하고 ( 경고 :. 그것은 3 초 후 인쇄 미리보기를 제공이 단순히 바닥에 setInterval 주석 중지하려면), 이것은이다 버전 page-break-inside:avoid은 인쇄 미리보기에 아무런 영향을주지 않습니다.

내 경우에는 요소와 그 부모에 position:relative을 추가 한 일반적인 "수정"이 작동하지 않습니다. (이 또한 인쇄 미리보기를 열어 경고)하지만 지출 후 (사람들이 제안 부부가 같은) 중 하나

내가 tested it out in a pseudo-version 때문에 동적으로 배치 요소와 크롬 31 page-break-inside: avoid; 작동하는 작동하지 않는 것 붙임 코드 제거, 스타일 둘러보기 및 주제 연구 (대부분의 게시물이 매우 구식입니다) 같은 방식으로 작동하는 더 복잡한 버전을 얻지 못했습니다.

미리 감사드립니다.

Answer 1

# fromTumblr ID의 디스플레이 속성을 inline-block에서 block으로 변경하십시오.

페이지 구분 규칙은 인라인 요소에는 적용되지 않으며 해당 ID는 페이지 크기를 초과하는 래퍼 요소에 대한 것이므로 다른 모든 규칙이 무시되는 이유가 맞습니다. Windows에서 크롬 31, FF26 테스트

다음으로 업데이트 바이올린 : http://jsfiddle.net/FSyT5/27/