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 を除いて、すべてが素晴らしいです。どちらも前に 改ページを挿入し、 2 ページ目の真ん中にピシャリ<img>と貼り付けます。私は、(たとえば) print クラスに同じ配置を取得します。これは何か関係があるのではないかと思いますか？/logopage-break-after: always;position: absolute;

どうすれば<div class="print">ページ 1 に表示され/logo、途中で表示され<div id="container">、ページ 2 の上部から開始できますか?

4

0 に答える 0