在asp.net的打印页面中的页脚

Question

我需要打印一个html页面。

<div>content to print</div>

我也有像

这样的页脚内容

<div class="divFooter" style="clear: both; text-align: center, font-size: 12px;">
    footer content
</div>

页脚的CSS是

<style type="text/css">
    @media screen
    {
        div.divFooter
        {
            display: none;
        }
    }
    @media print
    {
        div.divFooter
        {
            position: fixed;
            bottom: 0;
        }
    }
</style>

页脚在ie和firefox的底部对齐。但在Chrome浏览器中效果不佳。有什么想法吗？

Answer 1

当您使用@media print标记时。那么你的页脚将位于print preview的底部。如果您想在浏览器底部设置页脚，请添加@media all。

<style type="text/css">
    @media screen
    {
        div.divFooter
        {
            display: none;
        }
    }
    @media all
    {
        div.divFooter
        {
            position: fixed;
            bottom: 0;
        }
    }
</style>