gpt4 book ai didi

html - 使用 html/css 我可以在每页的底部打印一个页脚(就像打印机一样)吗?

转载 作者:行者123 更新时间:2023-11-28 03:45:45 25 4
gpt4 key购买 nike

我需要的是在每页的底部打印页脚(打印在纸上,而不是打印在屏幕上,这很简单)...

我正在使用表格,我知道表格不好,我通常不使用它们,但这是一个特殊情况:(我正在使用 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/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com