个人中心
文章发布
退出
作者热门文章
- objective-c - iOS 5 : Can you override UIAppearance customisations in specific classes?
- iphone - 如何将 CGFontRef 转换为 UIFont？
- ios - 以编程方式关闭标记的信息窗口 google maps iOS
- ios - Xcode 5 - 尝试验证存档时出现 "No application records were found"
24
4
根据我的研究，我想做的事情似乎是不可能的，但万一发生了什么变化，我想看看是否有人想出办法来做到这一点。
我有一个网络应用程序可以根据用户在浏览器窗口中的选择生成打印报告。我有一个自定义页眉和页脚，当从浏览器打印报告时，应该在每个打印页面上重复。这不是我需要的浏览器页眉和页脚，而是我生成的自定义页眉和页脚。另外，我不认为这是 CSS 和媒体类型的问题，但我不是 CSS 专家。让页眉和页脚打印一次没有问题，但我无法让它们打印在每一页上。我读过，也许如果我使用表格重新创建我的报告页面，然后使用表格头标签和 CSS，那至少可以在每个页面上获取标题。我还没有成功，但如果这是唯一的选择，我会再试一次。一位同事建议我在我的 php 中计算行数并根据需要手动放置页眉和页脚。我想这是一个选择，但似乎应该有一种方法可以做到这一点，而不是那么“蛮力”!
另一个警告是我必须支持 IE 6，所以我怀疑我尝试过的一些 CSS 东西不被支持。
如果有人知道任何方法可以做到这一点，那就太好了!如果没有，我将不得不重新考虑我的方法。
提前致谢!
更新(2011 年 12 月 14 日)
我在这个问题上取得了相当大的进展，并且使用答案中的一些信息，我确实生成了可用的报告，但从来没有像我想要的那样漂亮或专业。页脚往往离页面底部不够近，我不得不做很多猜测工作和“脆弱”的计算来决定插入分页符的文本大小，我只能支持受限制的一组页面格式，对报告的任何更改都会导致一连串的代码更改和更脆弱的计算。总有一种情况会破坏某些报告的某些部分。我们重新审视了要求，现在使用 TCPDF 生成 PDF 报告。该文档有点不透明，需要进行一些实验，但结果要好得多，现在报告应该显示出来了。我想对任何试图从浏览器生成 HTML 报告的人说，除非它们非常简单，否则不要让自己感到沮丧(正如其他人在这里告诉我的那样)并使用 PDF 或类似的东西。
最佳答案
它可以用表格来完成——我知道我会冒着否决票的风险建议使用表格进行布局——但我们在这里谈论的是 IE6，它并不以其出色的 CSS 支持而闻名:-)
如果你设置一个CSS样式如下:
thead { display: table-header-group; }
tfoot { display: table-footer-group; }
然后当您创建 HTML 时，将您的正文呈现为:
<body>
<table>
<thead><tr><td>Your header goes here</td></tr></thead>
<tfoot><tr><td>Your footer goes here</td></tr></tfoot>
<tbody>
<tr><td>
Page body in here -- as long as it needs to be
</td></tr>
</tbody>
</table>
</body>
是的，它不是很好(表格与 CSS)，它不是理想的，但是(对你来说很重要)它在 IE6 上工作。我无法对 Firefox 发表评论，因为我还没有在那里测试过它，但它应该可以完成这项工作。这还将处理不同大小的页面、不同的字体大小等，因此它应该“正常工作”。
如果您希望页眉和页脚仅出现在打印媒体上，请使用@media 参数做正确的事情:
@media print {
thead { display: table-header-group; }
tfoot { display: table-footer-group; }
}
@media screen {
thead { display: none; }
tfoot { display: none; }
}
注意
截至 2015 年 7 月，这仍然只适用于 Firefox 和 IE。基于 Webkit 的浏览器(参见 Chrome、Safari)在他们的问题跟踪器中存在长期存在的错误，如果有人有足够强烈的意愿对它们进行投票:
这个问题下面的评论告诉我这个问题现在已经在 Chrome 中解决了。我还没有检查自己:-)
针对 Chrome 的原始错误(供引用)是:
关于html - 有没有办法在每一页上打印网页页眉/页脚？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/1722437/
24
4
0
我想将页 footer 分放在文档的每一页上，除了第一页。 我通过扩展 TCPPDF 类并覆盖其页脚方法来创建我的自定义页脚。 然后根据文档并使用以下示例，我明白我应该使用 SetPrintHeade
我的页面分为 3 个部分。 页眉 主要 和页脚。 header 固定在顶部，大小为 109px，边框高 6px，因此 main 到顶部的边距为 109px。我希望 main 扩展到 heade
我正在构建一个网站，其中每个页面都有一个 , 和一个 . 据我了解，应用程序的入口点应包括这三个组件，并且应根据用户所在的路线呈现一个或多个附加组件。 我已经像这样构建了我的入口点: App.js
谁能告诉我为什么Footer出现在页面顶部，而我看不到Header或LayoutDiv9？ 这是我添加的第二个 CSS 表，第一个是自动添加的 Fluid Grid Layout CSS 表，我根本没
我的应用程序中有这个页面: http://actibities-uniongr.rhcloud.com/pages/view-demo 如果您将浏览器的窗口缩短到小于 1000 像素并水平滚动，您会看
这个问题已经有答案了: Python command line interaction library? (3 个回答) 已关闭10 年前。 如何创建一个包含静态页眉和页脚的 Python 脚本，如下
我正在努力为我们的 Mediboard 元素提供完整的 HTML 页眉/页脚打印功能。 从长远来看，我知道 CSS3 页面媒体模块将满足我的需求，但这至少需要两三年时间。 所以我试着让它与 CSS2
我可以在每页上打印页眉，但我不熟悉打印页边距。我认为 @page css 可以工作，但它似乎不会影响页边距。如果我在正文上设置边距，它在第一页上有效，但后续页面默认从上边距开始，将页眉放在文本顶部。
有什么办法，就像 WordPress 一样，创建 header.php、theme-file.php 和 footer.php，然后使用钩子(Hook)将它们组合起来？对我来说仍然复制皮肤文件似乎
我正在努力解决以下问题。我有一个 UICollectionView，它的布局的页眉和页脚引用大小设置为一个值(比如 40.0)。当我删除/插入单元格并且集合 View 位于页眉和页脚不在屏幕上的位置时
我是 javascript 新手。我想使用 ajax 加载我的网站主模板文件(页眉、页脚、侧边栏)。我的布局文件如下所示。 布局.php header(); $ret .= $app->side
这是我的代码。内容图像曾短暂地工作，但现在消失了。 试图让Header只出现在页面顶部，图片高度为1000px。页面底部的页脚，图像高度为 1000px。内容图像需要重复以适合内容。这是一个博客，所以
我正在尝试将以下图像添加为网站内容的背景: http://webbos.co/vibration/wp-content/themes/vibration-child-theme/images/back
如何更改样式表中的页眉/页脚文本颜色？ 我试过了，没有结果: footer: { parent: normal, alignment: TA_CENTER, textColor: red
我有以下 HTML，它有一个页眉、一个可滚动的内容和一个页脚，并且工作正常。 我想添加到此 HTML 的是一个包装所有三个 div 的表单，问题是一旦我用标签包装 div，布局就会中断。有什么建议吗？
我使用 jQuery 创建了具有不同状态的页眉和页脚导航。单击页脚导航时，我在更新页眉导航时遇到问题。例如，当用户单击页脚导航中的列表 1 时，我希望页眉导航也更新为相同的选择。我包含了一个 jsfi
我需要创建一个网页，其中包含正常页眉 + 粘性页脚 + 垂直拉伸(stretch)的流体内容。但是，这些位置不能是绝对的，因为我需要 780 像素的页面最小高度。 我设法使用表格完成了此操作，但我真的
我知道这可能是一件非常简单的事情，但除了很棒的 Stack Overflow 社区之外，我不知道有谁可以帮助我解决我的问题。我已经有一段时间没有在这种程度上使用 HTML/CSS 了。 我正在尝试为我
我前段时间做了一个wordpress网站。我今天刚刚看了一眼，由于某种原因，这个标志已经向东传播了。它已经厌倦了 clearfix 的 float 、文本对齐和边距:0 自动。谁能告诉我发生了什么，或
我需要帮助创建包含#header、#footer 和#main 的div 的代码。我只是不确定它在代码中的位置。我创建了一个带有 css 样式表的简单 html 页面。我并不是要任何人为我编写代码，因
我是一名优秀的程序员,十分优秀！