0

我正在 salesforce 中创建一个 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>

我不知道这段代码有什么问题。

我的输出是

第 {1,2,3,4,5,6,7} 页，共 7 页。页码相互重叠并显示在末尾。

4

2 回答 2

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 回答
0

如果我们看到更多您的代码可能会有所帮助，但您可以尝试更改您的代码top:99%;以bottom:0px; 查看jsFiddle

于 2012-09-14T15:08:08.307 回答