通过帮助我使用wkhtmltopdf的KnpSnappyBundle,我用Symfony创建了pdf。
在我的一个pdf文件中,左侧有一列,右侧有一列。我想在页面底部完成两列,所以我把样式css"高度: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>
我测试了css&#34; page-break-after:avoid;&#34;但它不起作用。
如果你们其中一个人有想法......
提前谢谢!