Question

我在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>

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

我的输出是

7.页码{1,2,3,4,5,6,7}的页码相互重叠并在最后显示。

Answer 1

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

Answer 2

而不是绝对的，你会给出相对位置然后它将正常工作

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

CSS页脚样式

2 个答案: