使用html/css，我可以在每页底部打印一个页脚（像打印机一样）？_Html_Css_Html Table_Position_Footer

使用html/css，我可以在每页底部打印一个页脚（像打印机一样）？

html css

使用html/css，我可以在每页底部打印一个页脚（像打印机一样）？,html,css,html-table,position,footer,Html,Css,Html Table,Position,Footer,我需要的是页脚打印在每页的底部（当它打印在纸上，而不是打印在屏幕上时，这很容易）我使用的是表，我知道表很糟糕，我通常不使用它们，但这是一个特例：（我使用的是C#webBrowser控件，只是使用HTML格式化要打印的文档）它工作正常，除了打印的最后一页上的页脚…第一页它位于底部，因为页面内容将其推到底部，但在最后一页上，它仍然位于内容的底部（并且内容不会进入页面底部）这是一个要显示的图像（这是我打印webBrowser预览时显示的图像）。不要介意绿色文本，只是为了测试如您所见，在左侧，

我需要的是页脚打印在每页的底部（当它打印在纸上，而不是打印在屏幕上时，这很容易）

我使用的是表，我知道表很糟糕，我通常不使用它们，但这是一个特例：（我使用的是C#webBrowser控件，只是使用HTML格式化要打印的文档）

它工作正常，除了打印的最后一页上的页脚…第一页它位于底部，因为页面内容将其推到底部，但在最后一页上，它仍然位于内容的底部（并且内容不会进入页面底部）

这是一个要显示的图像（这是我打印webBrowser预览时显示的图像）。不要介意绿色文本，只是为了测试

如您所见，在左侧，页脚被内容强制置于底部，在右侧，页脚相对于内容处于相同的位置，但我希望它位于底部

“我的页脚”的代码片段如下：

<tfoot id='footer'><tr><td>Your footer goes here</td></tr></tfoot>

填充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>");

web_display.DocumentText=”“；
web\u display.Document.Write（“你的标题在这里”+
"");
web\u display.Document.Write（“”）；
web_显示.文档.写入（“");
foreach（tn.Nodes中的TNode部分）{
web\u display.Document.Write（“”+part.Text+””）；
web_display.Document.Write（“”）；
}
web\u display.Document.Write（“”）//结束lvl2列表
web\u display.Document.Write（“”）//结束部件项
}
web\u display.Document.Write（“”）//结束部件清单
//web\u display.Document.Write（“”）//结束部分项目
web\u display.Document.Write（“
”）；
//web\u display.Document.Write（“”）//结束部分列表
web\u display.Document.Write（“您的页脚在这里”+
“这是页脚文本”）；


#页脚
{
位置：绝对位置；
左：200px；
顶部：750px；
}

更改左侧：和顶部：以适合您的页面。这将使它完全位于您想要的位置。


#页脚
{
位置：绝对位置；
左：200px；
顶部：750px；
}

更改左侧：和顶部：以适合您的页面。

这将使其完全位于您想要的位置。

编辑-注意：我的解决方案发布之前，可能是对更改它的问题进行了编辑（我第一次阅读问题时没有显示图片，信息更少），现在答案与此无关。抱歉。这可能会在其他方面帮助你

为了在多个页面中保持一致性，我个人会使用div

下一个选项，类似CSS（我不知道这是否可行）

编辑到此结束

我使用打印和屏幕媒体类型来实现这一点，在页面的后面包括如下样式表：

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

打开普通的“屏幕”样式表，添加以下类

.no_screen { display:none; }

这将阻止元素在屏幕上显示

在页面中创建DIV

<div id="print_footer" class="no_screen">Copyright &copy; 2011 Ryan. All rights reserved.</div>

版权与复制；2011年，瑞安。版权所有。

我希望这有帮助