带有显示每个打印页面的页脚的 HTML 文件

标签 html css printing footer

我正在尝试为 HTML 文件制作页脚,页脚需要显示在每个打印页面上。我找到了一个主题,它有一个解决方案,可以将特定文本锁定到我打印的每一页。

HTML:

<div class="divFooter">This is a footer</div>

CSS:

@media screen {
  div.divFooter {
    display: none;
  }
}
@media print {
  div.divFooter {
    position: fixed;
    bottom: 0;
  }
}

此代码的问题在于,只要它到达页脚,我的其余代码就会覆盖它。有人知道一个好的快速解决方案吗?如果没有,也许有一种不同的方法可以将页脚锁定到我打印的该 HTML 文件的每一页?我还想指出,我无法将单独的 CSS 文件链接到 HTML。所以我制作的每个代码都需要在同一个文件中。

最佳答案

也许解决方案不只是使用 HTML 和 CSS,而是使用 PHP,在每个页面上制作一个页脚,这样每个页面都有一个固定的页脚。

<html>
...
<? php

include_once ("footer.html");
?>
...

关于带有显示每个打印页面的页脚的 HTML 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51028283/

相关文章:

html - 如何控制 div 的显示方式而不考虑其内容?

html - 移动 CSS 未成为目标

html - 上部和底部 <td> 在 Html 模板中展开

linux - 如何在 X 窗口中获取打印机字体名称?

c++ - WINAPI 打印 - 具有相同尺寸的两种纸张类型

Javascript禁用暂停按钮被点击/暂停音频

java - 从html访问WEB-INF/jsp

css - 如何使用 [ngStyle] 覆盖 ionic 自定义 CSS

Android 等宽空格 ( ) 宽度与字符宽度不同

php - 自动生成 PDF 和打印的类或函数