使用CSS的多张A4纸(风景)

时间:2018-04-24 10:23:02

标签: php css html5 printing media-queries

我使用以下方法打印A4尺寸纸张(横向)。但是当我在页面中有更多内容时,它无法适应纸张。因此,只要内容不适合单页,我就需要一种方法将相同的样式(A4风景)应用到下一页。

CSS:

 page {
  background: white;
  display: block;
  margin: 0 auto;
  margin-bottom: 0.5cm;
  box-shadow: 0 0 0.5cm rgba(0,0,0,0.5);
}
page[size="A4"][layout="landscape"] {
     width: 29.7cm;
     height: 21cm;  
}
@media print {
  body, page {
   margin: 0;
   box-shadow: 0;
  }
}

HTML:

<page size="A4" layout="landscape">
    <table>//many rows</table>
</page>

如果表格中的行数超过A4纸张可以容纳的行数,我想重复一遍。我正在使用php在表格中显示大量数据。我想多次使用取决于我将从数据库中检索的行数,但我不知道如何做,因为表元素已经在元素内。请帮忙。

0 个答案:

没有答案