html - CSS 内容中的页面标题

Question

我想在每个打印页面的页脚中包含页面标题，但我不知道该怎么做。基本上，我希望必须做这样的事情:

@page {
  @bottom-right {
    content: attr(title);
  }
}

但这当然行不通。 AFAICS，我需要在 @page 上设置一个我可以使用 attr 引用的属性，或者我需要使用其他方法来引用特定内容(即 title 在我的页面中)。我在具有不同标题的多个页面上使用相同的 CSS，所以我不能只是对其进行硬编码。

Answer 1

由于 attr() 函数仅适用于所选元素，因此无法获得要在页脚中使用的页面标题。

如果您动态创建页面，请将标题直接放在页脚中，否则使用 javascript