html - 使用 CSS 创建 PDF - 未正确设置正文高度

标签 html css printing background-image

我正在尝试使用 Snappy PDF 生成 PDF .它工作得很好,除了我不能指定每页的高度。我有可变的内容长度,所以我不能说正文需要完全 height: x inches; 当前背景 URL 设置为 repeat-y 但对于某些情况如果分页符发生在自然分页符之前,背景图像将被剪裁并继续到下一页。请参阅下面的示例。

这是第一个分页符: First Page break 这是第二个分页符。请注意,它们出现在不同的点,即使背景图像是 A4 纸的高度,PDF 生成器也设置为使用它。 Second page break

有没有一种方法可以确保背景图像正好是 A4 纸的高度,而不管该页面上的分页符在哪里?

最佳答案

我设法解决了这个问题。由于它是为固定尺寸设计的,所以我绝对定位所有内容,而不是使用背景图像,我将图像放在其余文本后面但在 HTML 中。

不理想,但它解决了一个问题。

不过,分页符已成为一个更严重的问题,我必须手动计算它们,然后强制分页符。

关于html - 使用 CSS 创建 PDF - 未正确设置正文高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10686185/

相关文章:

html - 溢出内容背景颜色未扩展

html - 动态显示 Twig 中的表格

javascript - 平板电脑/手机的视频自动播放嗅探器 - "canPlayType"不适用

css - 可以连接打印机的设备的媒体查询

Java:获取打印机状态(纸张不足/用完)

regex - 非典型密码验证正则表达式 : at least 3 letters, 3 个数字,无双引号

javascript - 异步调用后 DOM 更新

css - 使用移动主题控制 XPages CSS 的顺序

html - 我的媒体 CSS 有什么问题?

java - 在 Java 中使用 "printf"而不是 "print"有充分的理由吗?