html 打印

您所在的位置:网站首页 js分页打印保留表头表尾 html 打印

html 打印

2023-05-20 03:59| 来源: 网络整理| 查看: 265

 

【转载,出处未知,】,红色内容已测试,其余未测试。

 

在打印HTML页面时控制分页2011年12月22日 星期四 下午 9:31

打印分页功能:page-break-after, page-break-before根据资料上的说法,应该是这么用的:.pageEnd {page-break-after:always}然后在需要强制分页的地方用:

 

IE与FF的分页打印问题

 

前几天遇到个问题,不大,但很头痛,原因是一个HTML页面中的table太大了,打印出来自动分页显示。在IE中不会有问题,在FireFox中出现跨页部分的table丢失问题。解决办法是在使用PAGE-BREAK-AFTER属性(强制分页),并应用(将style只应用于打印输出)。具体如下.....diss {display:none;}.diss {display:block;height:1px;}.PageEnd { PAGE-BREAK-AFTER: always;}.............

;

........

 

 

 

如何在打印HTML页面时 控制分页 

最近在开发中碰到这个问题, 开始一直没想到合适的解决方法, 后来有人提醒用CSS试试. 马上去查资料,发现CSS中有这个功能:

page-break-after, page-break-before

根据资料上的说法,应该是这么用的:br.pageEnd {page-break-after:always}

然后在需要强制分页的地方用:

在打印HTML页面时控制分页1, 如果以标签间隔,用实现2, 如果以间隔,在要分页的地方用实现

不过我用第2种方法后,虽然可以分页,但第2页上面的第一个tr的上边框不显示,怪

 

 CSS2 打印参考http://www.w3school.com.cn/css/css_ref_print.asp

 

有时候当我们需要把页面中一张太长的表格分成几页输出,并保证每一页的表格都能保留表头(或者包括表尾).也有时候我们需要控制表格中某一个包含内容比较多的行直接输出在下一页,以免这一行的内容被分割成两页.

在这种情况下,我们就需要用到CSS样式表来设置表格内行的style,从而达到我们想要的打印输出效果.

 

        分页打印

                                                               每页都有的表头                                                      表格内容表格内容            表格内容表格内容            表格内容表格内容            表格内容表格内容                            在这个之后分页                在这个之后分页                       表格内容表格内容           表格内容表格内容            表格内容表格内容           表格内容表格内容            表格内容表格内容                          在这个之前分页                在这个之前分页                      表格内容表格内容           表格内容表格内容            表格内容表格内容            表格内容表格内容                                                           每页都有的表尾                                                         

 

 

 

 

 

 



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3