如何在所有页面中打印带有正确页眉和页脚的HTML页面？ [英] How I will print an HTML page with proper header and footer in all pages?

问题描述

我有一个网页（HTML页面），我想在纸上打印页面数据（包含大量内容超过10页）。

我想要在所有页面中重复页眉和页脚当我打印时。

我应该怎么做？



我找到了类似下面的解决方案

< br $> b $ b

< style type =  文本/ CSS> 
 @media  screen  {
 div.divFooter {
 display：none; 
} 
} 
 @media print {
 div.divFooter {
 position：fixed; 
底部： 0 ; 
} 
} 
 < /   style  >  

但这对我不起作用，'@ media'元素正在显示错误。



任何人都可以建议我如何使用asp.net mvc razor查看这个。



注意：目前我正在使用谷歌浏览器浏览器



提前致谢

解决方案

不幸的是，并非所有布局引擎都正确支持@media功能。通常情况下，他们没有。这不是您的应用程序，这些是浏览器。你不能做任何事情，除非等到浏览器改进。



有关每个功能的每个引擎的详细信息，请参阅：http://en.wikipedia.org/wiki/Comparison_of_layout_engines_%28CSS%29 [ ^ ]。

-SA

I have a Webpage(HTML page),I want to print Page data on paper(has large content More then 10 pages).
I want Header and footer should be repeated in all the pages when I give print.
How should I achive this?

I found some solution like below

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

But It is not work for me, '@media' element is showing as error.

Can anyone please suggest How I will achive this as am using asp.net mvc razor view.

Note:Currently am using google chrome browser

Thanks in advance

解决方案

Unfortunately, not all layout engines correctly support @media features. Typically, they don't. This is not your application, these are browsers. You cannot do anything about it, except waiting until browsers improve.

For more detail on each engine per feature, please see: http://en.wikipedia.org/wiki/Comparison_of_layout_engines_%28CSS%29[^].

—SA

这篇关于如何在所有页面中打印带有正确页眉和页脚的HTML页面？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！