Question

我想在每个打印页面的页脚中包含页面标题，但我无法弄清楚如何操作。基本上，我期望必须做这样的事情：

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

但当然这不起作用。 AFAICS，我需要在@page设置一个我可以使用attr引用的属性，或者我需要使用其他一些方法来引用特定内容（即我页面中的title）。我在具有不同标题的多个页面上使用相同的CSS，因此我无法对其进行硬编码。

Answer 1

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

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

Answer 2

这样的事情怎么样：

<div id="myTitle"></div>


<script type="text/javascript">
  document.getElementById("myTltle").innerHTML="The Page Title is:  "+document.title;
</script>

CSS内容中的页面标题

2 个答案: