作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我需要的是在每页的底部打印页脚(打印在纸上,而不是打印在屏幕上,这很简单)...
我正在使用表格,我知道表格不好,我通常不使用它们,但这是一个特殊情况:(我正在使用 C# webBrowser 控件,并且只使用 HTML 来格式化要打印的文档)。
它工作正常,除了打印的最后一页上的页脚......第一页它位于底部,因为页面内容将它推到底部,但在最后一页上,它就在内容底部仍然存在(并且内容不会转到页面底部)
这是要显示的图像(这是我打印网页浏览器时的图像)。不要介意绿色文本,只是为了测试。
good and bad footer http://pdem.info/badfooter.png
如您所见,在左侧,页脚被内容强制放在底部,而在右侧,页脚相对于内容处于相同的位置,但我希望它位于底部!
我的页脚的片段是:
<tfoot id='footer'><tr><td>Your footer goes here</td></tr></tfoot>
关于如何强制页脚位于底部的任何想法?如果有办法让它像那样工作,我不反对使用 div!
=========编辑=========
部分代码如下:
CSS:
@media print {
thead { display: table-header-group; }
tfoot { display: table-footer-group; }
//I have tried doing position:absolute/fixed with values in pixes and percents
}
@media screen {
thead { display: none; }
tfoot { display: none; }
}
填充 webBrowser 控件的代码:
web_display.DocumentText = "";
web_display.Document.Write("<body><table id='tblCont'><thead><tr><td>Your header goes here</td></tr></thead>" +
"<tbody><tr><td>");
web_display.Document.Write("<body><basefont size='2' face='verdana'>");
web_display.Document.Write("<ul " +
"style='list-style:none;"+
"padding-left:0px;"+
"margin-left:0px;"+
"'>");
foreach (TNode part in tn.Nodes) {
web_display.Document.Write("<li><strong>" + part.Text + "</strong>");
web_display.Document.Write("<ul style='list-style:none;'>");
foreach (TNode node in part.Nodes) {
web_display.Document.Write("<li><strong>" + node.Text + "</strong></li>");
web_display.Document.Write("<ol>");//this list will hold the textblock text
addTextBlk(web_display, node);
web_display.Document.Write("</ol>");//end textblock list
web_display.Document.Write("<br style='line-height:6px;'/>");
}
web_display.Document.Write("</ul>");//end lvl2 list
web_display.Document.Write("</li>");//end part item
}
web_display.Document.Write("</ul>");//end part list
//web_display.Document.Write("</li>");//end section item
web_display.Document.Write("<br />");
//web_display.Document.Write("</ul>");//end section list
web_display.Document.Write("</td></tr></tbody><tfoot id='footer'><tr><td>Your footer goes here</td></tr></tfoot>" +
"</table><div id='newFooter'>This is footer text</div></body>");
最佳答案
<style type="text/css">
#footer
{
position:absolute;
left:200px;
top:750px;
}
</style>
更改 left: 和 top: 以适合您的页面。这会将它绝对定位在您想要的确切位置。
关于html - 使用 html/css 我可以在每页的底部打印一个页脚(就像打印机一样)吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6309605/
我是一名优秀的程序员,十分优秀!