0

セールスフォースでPDFを作成していますが、6〜7ページのバルクデータが表示されます。私の問題は、各ページにページ番号を表示しようとしていることです。ただし、代わりに、ページ番号は最後のページにのみ表示されます。私のロジックは正常に機能していると確信していますが、CSSについてはよくわかりません。私が使用しているCSSは、

CSS：

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

私はそれを下に変更しました：0px; しかし、それでも機能しません。これは、ページ番号を表示するための私のコード全体です。

<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}。ページ番号が重なり合って最後に表示されます。

4

2 に答える 2

0

あなたのコードをもう少し見ると役立つかもしれませんが、 jsFiddletop:99%;をbottom:0px; 表示するように変更してみてください。

于 2012-09-14T15:08:08.307 に答える
0

絶対の代わりに相対位置を指定すると、正常に機能します

<div style="white-space:nowrap; position: relative; top: 0; bottom: 0;font-size:10px; color:#155196" >
      page no 
<div>
于 2012-09-14T16:15:03.307 に答える