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