MPDF 中的 A4 上未列出三个相邻的 70 毫米窗口

如何解决MPDF 中的 A4 上未列出三个相邻的 70 毫米窗口

我将 A4 纸设置为 210 毫米的宽度，没有边框。但是，MPDF 只会并排列出两个窗口。同时，1个窗口有70毫米。我做错了什么？

<!doctype html>
<html lang="en">
  <head>
    <Meta charset="utf-8">
    <title>labels</title>

    <style type="text/css" media="all">
      @page {
        size: 210mm 297mm;
        margin: 0mm;
      }
      html { Box-sizing: border-Box;}
      *,*:before,*:after { Box-sizing: inherit; }
      p { margin: 0px; }
      body {
        font-family: Helvetica;
        font-size: 3mm;
        margin: 0mm;
        padding: 0mm;
      }

      .mt-1 { margin-top: 0.2rem;  }
      .label {
        width: 70mm;
        height: 37mm;
        margin: 0mm;
        float: left;
        padding: 5px;
        break-inside: avoid;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        border: 1px solid black;
      }

    </style>
  </head>

  <body>

      <div class="label">
          <p>Cena: 123456 Kč</p>
      </div>

      <div class="label">
          <p>Cena: 123456 Kč</p>
      </div>
      
      <div class="label">
          <p>Cena: 123456 Kč</p>
      </div>
      
      <div class="label">
          <p>Cena: 123456 Kč</p>
      </div>      

  </body>
</html>

https://i.stack.imgur.com/ConNV.png

MPDF 中的 A4 上未列出三个相邻的 70 毫米窗口

如何解决MPDF 中的 A4 上未列出三个相邻的 70 毫米窗口

相关推荐