如何使用CSS将页面设置为A4尺寸以供打印机使用?

时间:2018-11-12 08:43:29

标签: css printers

如何使用CSS将页面设置为A4尺寸以用于打印机?

这是我测试时的代码。您会在2张A4纸页上看到test一词。

但是,当我按下Ctrl+p键盘时,它会显示如下。

enter image description here

为什么不能打印两页。

    <style type="text/css">
    .A4 {
      background: white;
      width: 21cm;
      height: 29.7cm;
      display: block;
      margin: 0 auto;
      padding: 10px 25px;
      margin-bottom: 0.5cm;
      box-shadow: 0 0 0.5cm rgba(0, 0, 0, 0.5);
      overflow-y: scroll;
      box-sizing: border-box;
    }
    
    @media print {
      .page-break {
        display: block;
        page-break-before: always;
      }
    
      size: A4 portrait;
    }
    
    @media print {
      body {
        margin: 0;
        padding: 0;
      }
    
      .A4 {
        box-shadow: none;
        margin: 0;
        width: auto;
        height: auto;
      }
    
      .noprint {
        display: none;
      }
    
      .enable-print {
        display: block;
      }
    }
    </style>
    
    <div class="A4">
    test
    </div>
    
    <div class="A4">
    test
    </div>

我该怎么办?

1 个答案:

答案 0 :(得分:0)

您有一个function (evt) { this.handleChange(evt); // The event will get passed to the function here. } 类,但是您没有使用它。

.page-break