1

所以我有以下CSS。

#container { margin: 0 auto 0 auto; width: 800px; }

.print { display: none; }

@media print {
  #container { margin: 0; page-break-before: always; }
  .print { display: block; }
}

应用于以下 HTML。

<html>
  <body>

    <div class="print">
      <img src="/logo" style="left: 50%; margin-left: -34px; margin-top: -15px; position: absolute; top: 50%;" />
    </div>

    <div id="container">
      <div>

        ...

      </div>
    </div>
  </body>
</html>

除了 Chrome 和 Safari 之外，一切都很棒，它们都在之前 <img>插入分页符并在第 2 页的中间插入右击。我在打印类中/logo得到相同的放置（例如） 。page-break-after: always;我怀疑这可能与此有关position: absolute;？

我怎样才能<div class="print">出现在第 1 页，/logo中间，并<div id="container">从第 2 页的顶部开始？

4

0 回答 0