CSS 페이지 나누기 속성

CSS 페이지 나누기 속성을 사용하여 제목 범위 뒤에 페이지 나누기를 피하려고합니다.CSS 페이지 나누기 속성

<div class="cnx-eoc free-response"> 
    <div class="title"> 
    <span>Review Questions</span> 
    </div> 
</div>

내가 선언 CSS 규칙은 다음과 같습니다 :

이

div.cnx-eoc.free-response > div.title { 
    page-break-inside: avoid; 
    page-break-after: avoid; 
}

이 솔루션은 작업을해야하지만 내가 예상 결과를 얻을하지 않습니다, 다음과 같이 HTML입니다. 어떤 제안?

이것은 오페라에서만 사용되는 것으로 제한됩니다. 브라우저 지원 확인 http://www.w3schools.com/cssref/pr_print_pagebi.asp – Cam

@Cam'page-break-after'는 모두가 지원합니다. 여기를 확인 http://www.w3schools.com/cssref/pr_print_pageba.asp –

블록 레벨 요소를 목표로 한 – Cam

내가 잘못하지 않았다면 span에 사용하려고합니다. 그러나 page-break-after CSS 속성은 블록 수준 요소에 적용됩니다. 참조 : page-break-after.

2013-05-21 13:33:44

내 페이지 브레이크 내부에 대해 이야기했습니다. 동일한 결과를 산출합니다. –

답변