Question

我正在打印动态生成的报告，报告由动态生成的表组成。

当我打印多个页面时，页眉和页脚仅出现在第一页和最后一页。我需要在每个页面中打印它，内容不应与页眉和页脚重叠。

我试过了@page规则（w3c），但它没有用。

我的主要需求是，它应该适用于所有浏览器（IE 11.0，Firefox 29.0.1，Chrome 35.0，Opera 17.0，Safari 5.1.7）

Answer 1

你可以这样做：

<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>Layout</title>
<!--[if IE]>
  <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<style>
  header {
    height: 30px;
    background: green;
  }
  footer {
    height: 30px;
    background: red;
  }
</style>
</head>
<body>
  <header>
    <h1>I am a header</h1>
  </header>
  <article>
    <p>
      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce a ligula dolor.
    </p>
  </article>
  <footer>
    <h4>I am a footer</h4>
  </footer>
</body>
</html>

Demo

带有页眉和页脚的打印页面中的动态内容

1 个答案: