2016-03-08 5 views
6

印刷中にGoogle Chromeでpage-break-afterに問題があります。それは動作していないようです。私はFirefoxを試して、それは大丈夫です。私のコードは次のとおりです。Chromeでページ区切りが機能しない

<div style="position: relative; display: block;"> 

    <div style="display: block; page-break-after: always; position: relative;">Page 1</div> 

    <div style="display: block; position: relative; page-break-before:always;">Page 2</div> 

</div> 

それがChromeで行わ取得する任意のトリックはありますか?

答えて

3

ハックですが、クロムは改ページをうまくサポートしていません。

<body> 
    <main role="main"> 
     <section class="tabs"> 
      <div class="tabbed-content"> 
       <div class="break-after">Page 1</div> 
       <div class="break-before">Page 2</div> 
      </div> 
     </section> 
    </main> 
</body> 

そして、あなたのCSSに以下を追加:だからではなく、これを使用しよう

html, body, .main, .tabs, .tabbed-content { float: none; } 

.break-after { 
    display: block; 
    page-break-after: always; 
    position: relative; 
} 

.break-before { 
    display: block; 
    page-break-before: always; 
    position: relative; 
} 
+0

問題ありません@Thommie :)私は私があなたを助けてくれてうれしいです –

関連する問題