CSS : 1 대신 2로 페이지 번호를 시작합니다.

StackOverflow https://stackoverflow.com/questions/264685

  •  06-07-2019
  •  | 
  •  

문제

CSS에서 :

@page { @top-right { content: "Page " counter(page) " of " counter(pages); } }

페이지가 인쇄 될 때 모든 페이지 상단에 페이지 번호가 표시 될 수 있습니다. 이것은 훌륭합니다. 그러나 이제 페이지 번호가 1 대신 2로 시작하도록 어떻게해야합니까? 위의 CSS 규칙을 수정하여 그렇게 할 수 있습니까?

도움이 되었습니까?

해결책

비행 접시 (내 케이스)를 사용하는 경우 다음 CSS를 사용하십시오.

표 {-fs-table-paginate : Paginate; }

그것은 매력처럼 작동합니다. 그리고 비행 접시 바위 :). 정말 강력합니다.

다른 팁

노력하다:

@page {
    counter-increment: page;
    counter-reset: page 1;
    @top-right {
        content: "Page " counter(page) " of " counter(pages);
    }
}

사용 page 1 카운터의 시작점을 재설정합니다. 정수를 사용하여 계산을 시작할 수 있습니다. 기본값은입니다 0.

Flying Saucer를 조금 사용한 후에는 "Page"/"Pages"가 내부 CSS 변수 인 것처럼 보이기 때문에 CSS (또는 매우 복잡한 것) 로이 작업을 수행 할 방법이 없다고 생각합니다. 아마도 CSS 3에서는 더 나아질 것입니다. calc () 함수가있는 것 같습니다. 카운터 (calc (page+1))는 아마도 일하다...

그러나 PDF를 페이지 2로 시작하는 또 다른 방법이 있습니다. XHTML 파일 에이 줄을 추가하여 PDF에 빈 첫 페이지를 추가 할 수 있습니다.

<h1 style="page-break-before:always"></h1>

그런 다음 프린터를 사용할 때 PDF의 2 페이지 만 인쇄하거나 PDF 편집기를 사용하여 PDF에서 첫 페이지를 제거 할 수 있습니다.

카운터에 대한 CSS 문서를 보셨습니까? 여기를 봐 당신이 카운터 리셋을 부를 수있는 것 같습니다. 기본적으로 카운터는 0으로 설정됩니다. 신체 태그에서 "Content-Reset : Page 1"을 수행했습니다. 그런 다음 첫 페이지가 1 대신 2에서 시작하도록 강요해야합니다.

이것이 효과가 있는지 모르지만 왜 시도하지 않겠습니까? counter(page+1)?

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top