css weasyprint:如何将图层推到页面底部,但防止内容重叠(发票示例)

ctzwtxfj  于 2024-01-09  发布在  其他
关注(0)|答案(1)|浏览(112)

我使用Python中的weasyprint库将html/css转换为pdf。我使用invoice project sample,其中total表绝对定位并推到底部bottom:0。
x1c 0d1x的数据
如果有更多的行,则总计表将重叠并隐藏表行。
有没有什么方法可以使总数保持在页面的底部,同时防止表格重叠?
我附加文件的结果为4行(好),11行(错误)和12行(好)。
我认为生成以某种摘要结尾的表格文档是一个非常常见的用例。
4排(ok)

11行(错误)

12排(ok)

xxslljrj

xxslljrj1#

1.如果totals块的高度固定

你可以在文档的末尾添加一个空的div,它将被用作“totals”块的占位符。如果高度是5cm,你可以使用:

<div style="height: 5cm"></div>

字符串
这将由绝对定位的“totals”块覆盖。

2.如果高度可能会根据其内容而变化

根据Github的评论,一个解决方案可能是添加两次页脚:一个作为占位符不可见,一个在不可见的顶部可见。这样,'totals'块的内容将被精确复制以匹配其高度:
https://github.com/Kozea/WeasyPrint/issues/1243#issuecomment-759661116

相关问题