谷歌打印html界面布局方法(当一页展示不完的情况下,在新的页面展示)

本文介绍了在HTML打印中遇到的两个关键问题及其解决方案。一是如何在特定内容后强制开始新的一页,这可以通过在需要分页的位置添加`page-break-after: always`属性来实现。二是确保关联性强的内容不被拆分到不同页面,通过`page-break-inside: avoid`可以避免内容在页面间断开。此外,还提到了设置打印页面外边距的方法,例如使用`margin`属性来调整。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

最近在写打印html 界面遇到了一些问题,一下是我们解决方案,希望对你有用.
第一个是如何强制分页.比如我们有章节性的内容的时候,在某章节结束后,下一章节另起新的一页.
第二个问题是,关联性较强的内容,当一页展示不完的情况下,在新的页面展示

1.强制分页的方法

例子如下,当我们想让B块的代码重新分页打印的话,那我们需要在A块代码中加入 page-break-after: always

 <div style="page-break-after: always;">A</div>
 <div>B</div>

2.关联性较强的内容,当一页展示不完的情况下,在新的页面展示

当我们想让C块内容在展示不完的情况下分到下一页面展示 加入page-break-inside: avoid

 <div style="page-break-inside: avoid;">C</div>

3.如何设置打印出来的外边距

<div  style="size:A5;margin:1cm;">总盒子</div>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值