CSS 바닥 글 스타일

salesforce.com에서 pdf를 만들 때 6 ~ 7 페이지의 대량 데이터를 표시합니다. 내 문제는 각 페이지에 페이지 번호를 표시하려고하는 것입니다. 그러나 대신 페이지 번호는 마지막 페이지에만 나타납니다. 내 논리가 잘 작동하는지 확신하지만 CSS에 대해 확신 할 수 없습니다. 나는이 사용하고있는 CSS,CSS 바닥 글 스타일

CSS :

<div style="white-space:nowrap; top:99%; right:0px; position:absolute; font-size:10px; color:#155196" > 
     page no 
<div>

나는 바닥에 변경 : 0 픽셀; 하지만 여전히 작동하지 않습니다. 이것은 페이지 번호를 표시하는 내 전체 코드입니다.

<div style="white-space:nowrap;position:absolute;bottom:0%; font-size:10px; color:#155196" > 
     page {!p} of {!pageList.size} 
</div>

답장을 보내 주셔서 감사합니다. 내 코드는 다음과 같습니다.

<apex:repeat value="{!pageList} var="p"> 
    <div style="white-space:nowrap;position:absolute;bottom:0%; font-size:10px; color:#155196" > 
      page {!p} of {!pageList.size} 
    </div> 
</apex:repeat>

이 코드의 문제점을 알지 못합니다.

내 출력은 7 페이지 번호

페이지 {1,2,3,4,5,6,7}를 서로 겹치는 끝을 표시한다.

출처

2012-09-14 user 1234

답변을 답장으로 게시하지 마십시오. 댓글을 달거나 게시물을 수정하십시오. – Pavlo

우리는 코드의 몇 가지 더 볼 수 있다면 도움이 될,하지만 당신은 당신의 top:99%;에 bottom:0px; 당신이 그것을 것 다음 상대 위치를 줄 것 대신에 절대의 jsFiddle

출처

2012-09-14 15:08:08 kingkode

를 참조 변경하려고 CA는 잘 작동

<div style="white-space:nowrap; position: relative; top: 0; bottom: 0;font-size:10px; color:#155196" > 
     page no 
<div>

출처

2012-09-14 16:15:03

CSS 바닥 글 스타일

답변

관련 문제