Css wkhmltopdf和div两页_Css_Wkhtmltopdf

Css wkhmltopdf和div两页

css

Css wkhmltopdf和div两页,css,wkhtmltopdf,Css,Wkhtmltopdf,通过帮助我使用使用wkhtmltopdf的KNPNAPybundle，我用Symfony创建了pdf 在我的一个pdf文件中，我在左边和右边各有一列。我希望这两列在页面底部结束，所以我用css样式“height:100%” 如果pdf只生成一个页面，那么这种方法很好，但是如果其中一列的内容溢出到另一个页面，那么div不会扩展到第二个页面所以我想，如果内容超出了第一页，那么两列将在第二页的底部结束以下是我的html文件的当前代码： <html> <head>

通过帮助我使用使用wkhtmltopdf的KNPNAPybundle，我用Symfony创建了pdf

在我的一个pdf文件中，我在左边和右边各有一列。我希望这两列在页面底部结束，所以我用css样式“height:100%”

如果pdf只生成一个页面，那么这种方法很好，但是如果其中一列的内容溢出到另一个页面，那么div不会扩展到第二个页面

所以我想，如果内容超出了第一页，那么两列将在第二页的底部结束

以下是我的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>


等高列是引导4网格的默认行为。您使用的是Bootstrap版本吗？@kerrin是的，我使用的是Bootstrap v3.3.2如果您遵循这样的操作，情况会如何@同样的问题。。。这就像属性“height:100%”只对第一页起作用，如果pdf有两页，我不能这样做。等高列是Bootstrap 4网格的默认行为。您使用的是Bootstrap版本吗？@kerrin是的，我使用的是Bootstrap v3.3.2如果您遵循这样的操作，情况会如何@同样的问题。。。这就像属性“height:100%”只对第一页起作用，如果pdf有两页，我就不能这样做。