Question

我正在设计一个报告页面，我已经迷失了这个问题。有谁知道如何在每个页面的页脚上放置任何文字？

我已经管理了如何在最后一个或第一个上完成它。但不是每个。

Full-page preview（按Ctrl + P或Command + P）。

感谢您的所有建议！

Answer 1

这可能不会有帮助，但如果您知道报告的大小（它们的高度没有变化），您可以尝试做类似下面的事情。使用@media查询仅在打印时显示:: after内容。

http://jsbin.com/dabusal/1/edit?html,css,output

.report-page
{
  page-break-inside: avoid;
  page-break-after:always; 
  height:880px;
  position:relative;
  border:1px dashed;
}

.report-page.report-page--last
{
  page-break-after: avoid;
}

.report-page::after
{
  content:'Footer Content ©2016';
  position:absolute;
  bottom:0;
  left:0;
}

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>
  
  <div class='report-page'>PAGE1</div>
   <div class='report-page report-page--last'>PAGE2</div>
</body>
</html>

Chrome打印预览：每页底部的任何文字

1 个答案: