Html 在Chrome中不起作用的分页符
我在谷歌Chrome的打印过程中遇到了Html 在Chrome中不起作用的分页符,html,css,google-chrome,page-break,Html,Css,Google Chrome,Page Break,我在谷歌Chrome的打印过程中遇到了页面在之后出现分页符的问题。看来它不起作用了。我试过Firefox，在那里还可以。我的代码是： 第1页 第2页 在Chrome中有什么诀窍可以做到这一点吗？这是一种黑客行为，但Chrome不太支持分页符。所以试着用这个来代替： <body> <main role="main"> <section class="tabs"> <div class="tabbed-c
页面在之后出现分页符的问题。看来它不起作用了。我试过Firefox，在那里还可以。我的代码是：
第1页
第2页
在Chrome中有什么诀窍可以做到这一点吗？这是一种黑客行为，但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>
请注意分页符的工作，div不应该有任何浮动
所以，如果您的div有say float:left，那么将其重置为print，并说：float:none，这将使分页符再次工作 我无法在2019年10月在Chrome上获得之前的答案。现在的情况似乎是必须使用break-before:page
，而不是break-before:always
这也适用于FF，但前面的答案也是如此
<div>
<div class="break-before">
Page 1
</div>
<div class="break-before">
Page 2
</div>
</div>
<div>
<div class="break-before">
Page 1
</div>
<div class="break-before">
Page 2
</div>
</div>
.break-before {
break-before: page;
}