gpt4 book ai didi

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

转载 作者:技术小花猫 更新时间:2023-10-29 12:53:00 26 4
gpt4 key购买 nike

打印期间,我在 Google Chrome 中遇到 page-break-after 问题。好像不行。我试过 Firefox,那里没问题。我的代码是:

<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 中完成吗?

最佳答案

这是一个 hack,但 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;
}

关于html - page-break-after 在 Chrome 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35871451/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com