Question

如何将页面2/2自动添加到我的HTML打印页面中，每当页面1结束时，第二个页面就会随之出现。现在，只有我的代码的第1页正常工作

这是我的CSS

body {
  background: rgb(204,204,204); 
  font-family: "Times New Roman"; /* replace this with your font */
}
page[size="A4"] {
  background: white;
  width: 21cm;
  height: 29.7cm;
  display: block;
  margin: 0 auto;
  margin-bottom: 0.5cm;
 
 
}

@media print {
  body, page[size="A4"] {
    margin: 0;
    box-shadow: 0;

  }
}

这是我的观点

<page size="A4" >@foreach($scores as $key => $score)<table><tr><th>Subject</th><th>Teacher</th><th>MTA</th></tr>@foreach($score as $row)<tr><td>&nbsp;{{ $row->subject->subject_name}}</td><td>&nbsp;{{ $row->subject->user->name}}</td><td>&nbsp;{{ $row->term1_ma}}</td></tr>@endforeach </table>@endforeach </page>

Answer 1

在CSS中尝试此操作，可以使用以下内容：counter（page）;

 @page {
   @bottom-left {
        content: counter(page) "/" counter(pages);
    }
 }

参考：

http://www.w3.org/TR/CSS21/generate.html#counters

http://www.princexml.com/doc/9.0/page-numbers/

如何在html打印页面pdf中自动添加页面2/2

1 个答案: