page-break-after在Chrome中不起作用

在打印期间，Google Chrome中的page-break-after出现问题。看起来它不起作用。我试过Firefox并且没问题。我的代码是：page-break-after在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中做任何把戏？

来源

2016-03-08 Thommie

这是一个黑客攻击，但Chrome浏览器不支持分页符。因此，尝试使用它代替：

<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; 
}

来源

2016-03-08 15:41:42

@Thommie没问题:)我很高兴我帮你出 –

page-break-after在Chrome中不起作用

回答

相关问题