wkhmltopdf和div在两页上

时间:2017-10-07 13:15:43

标签: css wkhtmltopdf

通过帮助我使用wkhtmltopdf的KnpSnappyBundle,我用Symfony创建了pdf。

在我的一个pdf文件中,左侧有一列,右侧有一列。我想在页面底部完成两列,所以我把样式css"高度:100%"。

如果pdf只生成一个页面,这可以正常工作,但如果其中一个列的内容在另一个页面上溢出,则div不会扩展到第二页。

enter image description here

所以我希望如果内容超出第一页,那么两列就会在第二页的底部完成。

以下是我的html文件的当前代码:

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

    <link rel="stylesheet" href="<?php echo $baseUrl; ?>css/bootstrap.min.css">
    <link rel="stylesheet" href="<?php echo $baseUrl; ?>css/font-awesome.min.css">

    <style>

        #colonneGauche {
            width: 25%;
            height: 100%;
            background-color: #4c5667;
            float: left;
        }

        #content {
            width: 75%;
            height: 100%;
            background-color: #bacbe1;
            float: left;
        }

    </style>
</head>

<body>

<div id="colonneGauche">

    <p>lorem</p>

</div>

<div id="content">

    <p>ipsum</p>

</div>


</body>

</html>

我测试了css&#34; page-break-after:avoid;&#34;但它不起作用。

如果你们其中一个人有想法......

提前谢谢!

0 个答案:

没有答案