html - 如何在点击时在 A4 页面内打印大小票据？

Question

客户想要一键打印所有账单。所有账单都集中在一个网页上，并且彼此混淆。

我尝试了一些方法，例如将页面标签与 css 页面 [size="A4"] 一起使用，但还没有取得任何成果 :(

page[size="A4"] {
  background: white;
  width: 21cm;
  height: 29.7cm;
  display: block;
  margin: 0 auto;
  margin-bottom: 0.5cm;

}
@media print {
  page[size="A4"] {
    margin: 0;
    box-shadow: 0;
        width: 21cm;
  height: 29.7cm;
  }
}

如何在同一张 A4 页面内折叠每张发票数据？？请帮忙

<page size="A4"> INVOICE DATA which comes more or less than A4 size </page>

Answer 1

最后那个代码对我有用了 :) 是的

body {
  background: rgb(204,204,204); 
}
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;
  }
}