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

问题描述 投票:0回答:1

我正在使用 Python 中的 weasyprint 库将 html/css 转换为 pdf。我正在使用发票项目示例,其中总计表绝对定位并推到底部,底部:0。

如果行数较多,总计表会重叠并隐藏表行。

有什么方法可以将总计固定在页面底部,但又防止表格重叠?

我附加了包含 4 行(正确)、11 行(错误)和 12 行(正确)结果的文件。

我认为生成以某种摘要结尾的表格文档是一个非常常见的用例。

4 行(好的)

11行(错误)

12 行(好的)

html css weasyprint
1个回答
0
投票

1.如果“总计”块的高度是固定的

您可以在文档末尾添加一个空 div,用作“总计”块的占位符。如果高度是5cm,可以搭配:

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

这将被绝对定位的“总计”块覆盖。

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

根据此 Github 评论,一种解决方案可能是添加页脚两次:一次作为占位符不可见,一次在不可见的顶部可见。这样,“总计”块的内容将被精确复制以匹配其高度:

https://github.com/Kozea/WeasyPrint/issues/1243#issuecomment-759661116

© www.soinside.com 2019 - 2024. All rights reserved.