Question

我正在尝试使用飞碟和html模板在每个页面的页脚上从html制作pdf。

例如：

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8"/>
    <link href="style.css" rel="stylesheet"/>
</head>
<div class="header" th:insert="header::header"></div>
<div class="footer" th:insert="footer::footer"></div>
<div class="content" th:insert="content::content"></div>
</html>

像这样由css（style.css）处理页眉和页脚位置

div.header,
div.footer {
  display: block;
}
div.header {
  position: running(header);
}
div.footer {
  position: running(footer);
}
@page {
  @top-center {
    content: element(header);
    padding-bottom: 10mm;
  }
  @bottom-center {
    content: element(footer);
    padding-top: 10mm;
  }

  margin-top: 33mm;
  margin-left: 20mm;
  margin-bottom: 60mm;
  margin-left: 20mm;

  size: A4 portrait;
}

我将页面的margin-bottom属性设置为60mm以解决页脚。只要我事先知道页脚所需的空间，就可以了，但是如果页脚是动态生成的（例如，它具有根据某些参数而变化的术语列表），则不能使用空白边距足够。

在不依靠动态创建的CSS的情况下可以做任何事情来解决这个问题吗？

飞碟html到pdf可变页脚

0 个答案: