小编Nik*_*ngh的帖子

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

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

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

第 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
查看次数

Javascript style.transform = scale(x,y) 动画不起作用

我试图使用该style.transform属性制作动画。目的是循环变换比例属性，并在每轮中稍微增加 x 和 y，但它失败了。我怎样才能达到这个效果？

x = document.getElementById("btn");
x.onclick = function() {
  for (let y = 0; y < 1; y += 0.1) {
    x.style.transform = 'scale(1.' + y + ',' + '1.' + y + ')';
  }
}

Run Code Online (Sandbox Code Playgroud)