Question

我正在尝试使用cfhtmltopdf创建一个pdf，其中包含2行div，其css设置为position:relative;。在每一行之间，我想要一个用<cfhtmltopdfitem type="pagebreak" />创建的分页符。

这将创建分页符并将第二行添加到第二页，但第二行仍包含在第一页（因此现在重复）。如果您删除了position:relative它修复了问题，但会破坏我的格式。

我已经尝试将代码包装在另一个不包含position:relative;的div或表中但是我发现如果这个内容（div，表）有一个具有相对位置的对象，则会出现同样的问题。有没有人为此工作？示例代码如下。

<cfhtmltopdf orientation="landscape">
<!DOCTYPE html>
    <head>
        <title>Test Page</title>        
        <style>
            .block{width: 288px; height: 255px; margin: 0 0 10px 8px;position:relative;padding: 0; display:inline-block; top: 0; left:0; vertical-align:top;background: #cee7f4;color: #0081C6;}
            .block2{width: 288px; height: 255px; margin: 0 0 10px 8px;padding: 0; top: 0; left:0; vertical-align:top;background: #cee7f4;color: #0081C6;display:inline-block;}
        </style>
    </head>
    <body>
        <div style="position:static;display:block;border:1px solid green;">test1
            <div class="block">
                Block 1
            </div>

            <div class="block">
                Block 2
            </div>

        </div>

        <cfhtmltopdfitem type="pagebreak" />

        <div style="position:static;display:block;border:1px solid red;">test 2
            <div class="block">
                Block 3
            </div>

            <div class="block">
                Block 4
            </div>

        </div>

        <cfhtmltopdfitem type="pagebreak" />        

        <div>This code works</div>

        <div class="block2">
            Block 5
        </div>

        <div class="block2">
            Block 6
        </div>

        <cfhtmltopdfitem type="pagebreak" />    
        <div class="block2">
            Block 7
        </div>

        <div class="block2">
            Block 8
        </div>

    </body>
</html>
</cfhtmltopdf>

Coldfusion 11 CFHTMLTOPDF在2个div之间添加分页符，其位置为：relative

0 个答案: