page-break-after:always不能正常工作

最新推荐文章于 2023-08-03 10:50:40 发布
最新推荐文章于 2023-08-03 10:50:40 发布
阅读量4.2k 收藏 1
点赞数
文章标签： javascript ViewUI
本文介绍了一个在IE7和IE8浏览器中遇到的打印网页分页问题，并提供了解决方案。通过将<br/>标签替换为<div>标签，可以确保page-break-after:always样式生效。

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

https://stackoverflow.com/questions/9595412/ie7-ie8-page-break-afteralways-not-working

最近在打印网页的时候发现

page-break-after:always 无法正常分页，很烦人，搜了搜，发现

<br style="page-break-after: always;">          <!-- does not work -->
<span style="page-break-after: always;"></span> <!-- does not work -->
<div style="page-break-after: always;"></div>   <!-- this works! -->

使用<div>标签好使，软件 著作权申请表无法正确打印的话，自己F12把原来的<br/>标签换成<div>标签就好了


css分页处理，page-break-after: always失效
qq_39037897的博客
06-23 5283
1.page-break-after: always;最好定义在div上 2.不要设置div为display:inline-block(我设置了table分页打印一直位置错乱，删了，就好了)
printjs使用page-break-after分页无效
EIERICA的博客
06-09 3004
css属性page-break-after：always分页无效
page-break-after:always；解决window.print打印断页问题——已解决
yehaocheng520的博客
07-13 1万+
今天用户提出一个关于window.print()打印的问题： 如下图所示：在打印断页的部分，会出现数据打印不全的情况。打印预览与实际打印的情况还有有所区别。 注意一点：如果想要实现window.print()打印当前的页面，则想要保证打印页面的body的height必须为auto，否则只会打印第一页。还要注意一下权重问题。 @media print{ body { height: auto !important; } } html部分，之前用的是table，后面由于断页打印不全
使用page-break-after:always实现页面分页打印
热门推荐
于鹏的博客
09-16 1万+
最近碰到一个需求，需要前端将在一个页面内调用浏览器的window.print()方法，打印当前页面。但是呢，需要将三个DIV分页打印： &amp;lt;div style=&quot;height:290mm&quot;&amp;gt;我是封面&amp;lt;/div&amp;gt; &amp;lt;div style=&quot;height:290mm&quot;&amp;gt;我是目录，你不知道我的内容有多长&amp
page-break-after: always打印时强制分页
学习 记录 总结 分享
07-05 761
元素在指定元素前添加分页符。
page-break-after: always
12-06
`page-break-after: always` 是一个CSS属性，用于在打印文档时控制页面分页。它指定在元素之后总是插入一个分页符，从而将内容分到下一页。 具体解释如下： - `page-break-after`：这个属性用于控制元素后的分页...
vue-print-nb page-break-after: always 分页不生效
最新发布
01-17
在处理 `vue-print-nb` 插件中的分页问题时，发现无论是使用 `print.js` 还是 `vue-print-nb` 插件，在某些情况下，CSS 的 `page-break-after: always` 属性可能无法正常工作[^2]。 ### 可能的解决方案 #### 使用 ...
vue3打印标签时使用page-break-after: always样式不生效
11-06
在Vue3中，如果你试图在打印文档时使用`page-break-after: always`这个CSS样式来强制页面分页，可能会遇到一些问题。这是因为浏览器的默认打印行为可能不会完全支持CSS的部分特性，特别是在处理复杂的打印样式时。 ...
css page-break-after: always;火狐
06-02
page-break-after: always; } } } ``` 这是因为在火狐浏览器中，page-break-after属性只在打印模式下生效，而其他浏览器则在屏幕模式下也会生效。因此，需要使用@media print和@-moz-document url-prefix()两个...
如何使用JavaScript将HTML内容转换为Word文档，并实现每一页都自动添加分页符（page-break-after: always）？
09-09
例如，在想要分页的位置添加一个`<div>`元素，并为这个`<div>`设置样式`page-break-after: always`。 ```html <!DOCTYPE html> <meta charset="UTF-8"> <title>HTML转Word示例 .page-break { page-break-after...
IE11 page-break-after 不生效的问题
qq_43325226的博客
12-15 788
两个table之间插入分页，不生效 <table> <div style="page-break-after: always;"></div> </table> 需用div包裹住table,``生效 <div style="page-break-after: always;"> <table> </table> </div> <div style="page-break-after: always;
分页打印 PAGE-BREAK-AFTER: always
weixin_34413103的博客
03-04 207
样式： <style media="print"> .Noprint { DISPLAY: none;} .PageNext { PAGE-BREAK-AFTER: always } </style> 注： ①、不需要打印的对象要用上“Noprint”样式。 ②、需要换页处理的对象要用上“PageN...
谷歌浏览 打印无法分页 page-break-after: always
dapinxiaohuo的专栏
11-30 1万+
在使用chrome打印时，页面上用float并列排放DIV，用page-break-after: always;控制打印分页，发现第一页打印正常，之后就失去分页作用。去掉float打印分页就正常，两者不能同时使用。 研究后发现，可以使用display:inline-block;代替float，来解决chrome下两者冲突。
php之word打印分页 page-break-after:always；
weixin_44936767的博客
10-14 659
【代码】php之word打印分页 page-break-after:always;
page+break+after+css,css中page-break-after:always;在火狐浏览器上不执行的解决办法
weixin_39965102的博客
08-04 651
page-break-after: always;火狐浏览器上不执行分页打印每页都有的表头表格内容表格内容表格内容表格内容表格内容表格内容表格内容表格内容在这个之后分页在这个之后分页表格内容表格内容表格内容表格内容表格内容表格内容表格内容表格内容表格内容表格内容每页都有的表尾page-break-after: always;火狐不执行。IE上面却可以。怎么做兼容谷歌对page-break-afte...
关于HTML转Word文档后的分页问题（page-break-after:always 无效？）的解决方案
Caronell的博客
07-31 6559
正在做的项目中需要将HTML转为Word文档（此处先不管是doc还是docx，因为经过测试此方法针对二者都有效），但是遇到了一个问题：有些内容需要另起一页，即插入分页符。网上搜索得到的答案是要分页的地方插入一行代码： <div style='page-break-after:always;'></div> 但是注意，经过测试，此行代码仅对转...
打印分页css样式，style="page-break-after:always;"
Alian的专栏
05-31 6024
<br />style="page-break-after:always;"<br />今天客人反映说IE7打印不到Receipt内容，打印出来是空白的，而IE8下没有问题。<br />百度上沒有說是有這樣的兼容問題，後來就想到會是排版的問題；<br /> <br />其实原因是：在编程错误， 使得每一个Receipt都多了一个样式：style="page-break-after:always;"。這樣，在最后一頁就多了一个空白页，而IE7是先打印这个空白页，恰好我又只用了一张打印纸。<br /> <br
page-break-after/page-break-inside/page-break-before不起作用
大雾起了清晨
03-13 1171
之前在使用itext7，html转pdf功能的时候，在table中设置了page-break-after样式不起效果。，才能得到期望效果；
CSS中page-break-after属性
LeungChunwai的博客
08-03 2403
属性可以设置在元素后插入一个分页符，将内容分割到新的一页上。属性只在打印预览或实际打印时才有效。在常规浏览模式下，你无法看到分页效果。使用JavaScript，你也可以动态地改变一个元素的。是一个属性，它控制了元素后的分页行为。当你打印一个网页的时候，
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值