html5 / css3 page-break- *在chrome或safari中无法正常工作

时间：2012-07-30 08:59:27

标签： html5 google-chrome css3 safari page-break

所以我有以下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。我在print类中得到了相同的put（例如）page-break-after: always;。我怀疑这可能与position: absolute;有关吗？​​

如何在第1页显示<div class="print">，/logo位于中间，<div id="container">从第2页开始？

0 个答案:

没有答案
相关问题
最新问题