javascript - 呈现为 pdf 时，如何在 visualforce 中重复每个元素后应用分页符

Question

我正在尝试将 VF 页面呈现为 pdf。 Vf 页面将迭代带有重复标记的列表帐户记录。对于重复标记中的每个元素，我想应用分页符。下面的代码工作但有问题。下面的代码在最后一个元素之后显示空 pdf。如何避免在最后一页之后显示空白的 pdf 页面。

<apex:page standardController="Account" recordSetVar="accnts" sidebar="false" renderAs="pdf">
    <apex:pageBlock title="My Content" > 
        <apex:repeat value="{!accnts}" var="acc" rows="3" first="5" >   
            <div style="page-break-after:always">          
                <apex:outputText style="color: #f60; font-weight: bold;font-size:30px;" value="{!acc.Name}" >    
                </apex:outputText>
            </div>
        </apex:repeat>
    </apex:pageBlock>
</apex:page>

提前致谢。

问候，

纳文。

Answer 1

在你的重复元素中，你可以使用内联样式作为 Salesforce建议:

<apex:repeat value="{!account.contacts}" var="c">
   <div class="breakPageAfter" style="page-break-after:always;">
        <span>{!c.name}</span>
   </div>
</apex:repeat>

或者，您可以将样式添加到 CSS 标记中:

<style>
   .breakPageAfter{
      page-break-after:always;
   }
</style