指定页眉和页脚在打印时出现在每个页面上?

时间:2010-09-02 09:26:23

标签: javascript html css

有没有办法指定打印时每页显示在底部和标题上的文字?

是否有CSS解决方案允许页眉和页脚在每个打印页面上重复?

谢谢

2 个答案:

答案 0 :(得分:2)

虽然您的问题有点过于笼统,但我假设您希望该特定文字仅出现在您的打印页面上,而不是出现在您的网站上。做一个

<p class="print-this">TEXT TO BE SHOWN IN PRINT</p>

然后在你的print.css

.print-this {
  display: block;
}

并在你的main.css中

.print-this {
  display: none;
}

哦,你需要在样式表中加入媒体选项,如Giu所说:

<link rel="stylesheet" type="text/css" href="print.css" media="print" />
<link rel="stylesheet" type="text/css" href="main.css" media="screen" />

答案 1 :(得分:1)

使用position:fixed,在打印上下文中使用时应在每个页面上呈现

http://css-discuss.incutio.com/wiki/Printing_Headers