Chrome浏览器无法使用分页浏览器 [英] page-break-after does not work in Chrome
本文介绍了Chrome浏览器无法使用分页浏览器的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
在Google Chrome浏览器中打印时出现 page-break-after 的问题。看起来它不起作用。我试过Firefox并且没问题。我的代码是：
$ b
I have a problem with page-break-after in Google Chrome during printing. It seems that it's not working. I tried Firefox and it's ok there. My code is:
<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中完成？
Is there any trick to get it done in Chrome?
推荐答案
这是一个黑客攻击，但Chrome并不支持分页符。所以请尝试使用它：
It is a hack, but Chrome doesn't support page-breaks very well. So try to use this instead:
<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中：
And add this to your 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;
}
这篇关于Chrome浏览器无法使用分页浏览器的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
