asp.net - 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>