那些遇到过的问题

相关疑难解决方法(0)

使用 HTML 生成的 pdf 第二页上的重叠标题

目标：为动态生成的 pdf 提供高达 8 厘米的边距，该pdf 在每一页上都有重复的页眉和页脚。

当前问题：虽然我能够为 pdf 提供边距并且内容在第一页上正确对齐，但是从第二页开始，正文的内容开始与页面的标题重叠，

第 2 页及以后 - 问题

第 2 页及以后 - 问题

它应该是什么样子 它应该是什么样子

我的尝试： 尝试像相关问题的解决方案： - 与PDF的第二页页眉内容重叠和表头重叠的第二页上打印时/ PDF等之辈，但他们都不是工作。

代码：-

<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="preconnect" href="https://fonts.gstatic.com" />
    <link
      href="https://fonts.googleapis.com/css2?family=Mulish:wght@400;700&display=swap"
      rel="stylesheet"
    />
    <link
      href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/css/bootstrap.min.css"
      rel="stylesheet"
      integrity="sha384-BmbxuPwQa2lc/FVzBcNJ7UAyJxM6wuqIj61tLrc4wSX0szH/Ev+nYRRuWlolflfl"
      crossorigin="anonymous"
    />
    <title>Document</title>
    <style>
      /* Styles go here */
      @media print {
        * {
          -webkit-print-color-adjust: exact !important;
        }
      }
      * {
        font-family: "Mulish", sans-serif;
      }
      .section-padding { …
Run Code Online (Sandbox Code Playgroud)

html css pdf bootstrap-4

Nik*_*ngh
lucky-day
6
推荐指数
1
解决办法
231
查看次数

标签 统计

bootstrap-4 ×1

css ×1

html ×1

pdf ×1