问题描述

page-break-after: always;火狐浏览器上不执行

 <html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>分页打印</title>
</head>

<body>
    <object id=WebBrowser classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 width=0 ></object>
    <table border="0" style="font-size:9pt;" width="300px" align="center">
        <thead style="display:table-header-group; font-weight:bold">
            <tr>
               <td colspan="2" align="center" style="font-weight:bold; border:3px double red">
                    每页都有的表头
               </td>
           </tr>
        </thead>
        <tbody>
            <tr><td>表格内容</td><td>表格内容</td></tr>
            <tr><td>表格内容</td><td>表格内容</td></tr>
            <tr><td>表格内容</td><td>表格内容</td></tr>
            <tr><td>表格内容</td><td>表格内容</td></tr>
            <tr style=" page-break-after : always;">
                <td>在这个之后分页</td>
                <td>在这个之后分页</td>
           </tr>
            <tr><td>表格内容</td><td>表格内容</td></tr>
           <tr><td>表格内容</td><td>表格内容</td></tr>
            <tr><td>表格内容</td><td>表格内容</td></tr>
           <tr><td>表格内容</td><td>表格内容</td></tr>
            <tr><td>表格内容</td><td>表格内容</td></tr>
       </tbody>
       <tfoot style="display:table-footer-group; font-weight:bold">
            <tr>
               <td colspan="2" align="center" style="font-weight:bold; border:3px double blue">
                  每页都有的表尾
               </td>
           </tr>
        </tfoot>
    </table>
  <div align="center">
       <input type="button" value="打    印" onclick="javascript:window.print()" />
    </div>
</body>
</html>

page-break-after: always;火狐不执行。IE上面却可以。怎么做兼容

解决方案

谷歌对page-break-after的支持有问题，特别是table，需要将数据拆开，用div来做容器

你可以改成这样的结构，通过打印样式来控制，没有问题。。

具体看这个：http://stackoverflow.com/questions/1630819/google-chrome-printing-page-breaks

<!DOCTYPE html>
 <html>
  <head>
    <meta http-equiv="content-type" content="text/html;charset=UTF-8" />
    <title>Paginated HTML</title>
    <style type="text/css" media="print">
      div.page{page-break-after: always;page-break-inside: avoid;}
      .hide{display:table-header-group !important}
    </style>
    <style type="text/css">
      .hide{display:none}
    </style>
  </head>
  <body>
    <div class="page"><table border="0" style="font-size:9pt;" width="300px" align="center">
        <thead style="display:table-header-group; font-weight:bold">
            <tr>
               <td colspan="2" align="center" style="font-weight:bold; border:3px double red">
                    每页都有的表头
               </td>
           </tr>
        </thead>
        <tbody>
            <tr><td>表格内容</td><td>表格内容</td></tr>
            <tr><td>表格内容</td><td>表格内容</td></tr>
            <tr><td>表格内容</td><td>表格内容</td></tr>
            <tr><td>表格内容</td><td>表格内容</td></tr>
            <tr>
                <td>在这个之后分页</td>
                <td>在这个之后分页</td>
           </tr>
       </tbody>
       <tfoot style="font-weight:bold" class="hide">
            <tr>
               <td colspan="2" align="center" style="font-weight:bold; border:3px double blue">
                  每页都有的表尾
               </td>
           </tr>
        </tfoot>
    </table>
    </div>
    <div class="page">
      <table border="0" style="font-size:9pt;" width="300px" align="center">
        <thead style="font-weight:bold" class="hide">
            <tr>
               <td colspan="2" align="center" style="font-weight:bold; border:3px double red">
                    每页都有的表头
               </td>
           </tr>
        </thead>
        <tbody>
            <tr><td>表格内容</td><td>表格内容</td></tr>
           <tr><td>表格内容</td><td>表格内容</td></tr>
            <tr><td>表格内容</td><td>表格内容</td></tr>
           <tr><td>表格内容</td><td>表格内容</td></tr>
            <tr><td>表格内容</td><td>表格内容</td></tr>
       </tbody>
       <tfoot style="display:table-footer-group; font-weight:bold">
            <tr>
               <td colspan="2" align="center" style="font-weight:bold; border:3px double blue">
                  每页都有的表尾
               </td>
           </tr>
        </tfoot>
    </table><div align="center">
       <input type="button" value="打    印" onclick="javascript:window.print()" />
    </div>
    </div>

  </body>
</html>

解决方案二：

firefox支持这个css啊。。是不是其他css有问题。。

http://www.w3school.com.cn/cssref/pr_print_page-break-after.asp

解决方案三：

先看是不是css的问题。

解决方案四：

分页打印

解决方案五：

“

分页打印

相关文章

• 代码兼容-JS代码的浏览器兼容问题
• 最近用jquery做了几个页面 发现$('document')在移动端浏览器上不运行
• 浏览器-redmine 粘贴截屏插件对ie8不兼容
• firefox-火狐浏览器css兼容性问题
• js兼容 浏览器兼容-dialogArguments.getStaffInformations(staff_no);JS中这个支持IE但不支持火狐
• 火狐-关于浏览器的兼容问题
• 浏览器兼容性测试，现在有没有一款软件能模拟主流浏览器（火狐，ie，google）
• js 兼容性-有个js代码，火狐浏览器可以实现，谷歌不行，求解决
• 在ubuntu下用火狐打开pusher的个人页面兼容性有问题，有人遇到过这个问题吗
• javascript-火狐如何获得事件源，同时兼容ie

【云栖快讯】他，一路保送，但可能不是你想象中的学霸； 他，曾是微软最年轻的技术管理者，挑战带领跨国团队； 他，后来加入阿里，成为阿里西雅图分部的第22名员工； 他，就是阿里通用计算平台负责人关涛！ 通过短视频，为你揭晓他的成长和开发计算平台的经历，以及他对未来的展望！  详情请点击

热门推荐

• 高性能云服务器2折起
• 云服务器配置
• 技术资料
• 云计算
• 域名
• shell
• node.js
• 问答
• java
• mysql
• C++
• python
• jQuery
• Android
• asp
• PHP技巧
• jQuery教程
• JavaScript技巧
• JS
• SEO
• sql server
• mysql教程
• 前端
• 技术文集
• 技术
• 主题地图
• A
• z
• 云服务器哪家好
• API
• 大数据
• 云安全
• 云存储
• 云计算
• 获取公众号授权失败
• 兼容性疑难解答
• path
• stm32
• jsonobject
• product

前三篇

• h264-请教关于ffmpeg解码rtp码流的问题
• imageview-XML中图片显示不完整 布局
• 文件句柄-如何通过一个打开的文件夹句柄获得文件夹的完整路径

后三篇

• azure-Azure创建客户账号问题
• 框架源码核心-师傅们帮我普及一下----apache
• qt-CMake 构建Qt项目，出现无法找到合适的Qt版本

(yq.aliyun.com)为您免费提供兼容-page-break-after: always;火狐浏览器上不执行相关信息，包括
css
兼容
的信息
，所有兼容-page-break-after: always;火狐浏览器上不执行相关内容均不代表的意见！
该页面h5页面的地址是：https://m.aliyun.com/yunqi/wenzhang/show_66135，您可以点击兼容-page-break-after: always;火狐浏览器上不执行-手机站访问。

• 推荐产品

云数据库RDS

稳定可靠、可弹性伸缩的在线数据库服务，全球最受欢迎的开源数据库之一

立即查看

云服务器9.9元 限时抢购

6款热门基础云产品6个月免费体验；2款产品1年体验;1款产品2年体验

9.9元 立即购买

云服务器ECS

弹性可伸缩的计算服务，助您降低 IT 成本，提升运维效率

立即查看

开发者软件

开发者常用软件，超百款实用软件一站式提供

立即查看

• 热门标签

求大神指教。
android ndk
log
flurry
this
有道翻译
重复记录查询
自定义页面
请高手指导
eigen库 李代数
每分钟平均值的sql
chain
三分治法
larbin
sql语句问题
串口初始化
ndroid 视频对话
wagger
duplicate column
鼠标拖动

• 社区推荐

更多>

• 好东西来了！2017云栖大会400+份重磅资料下载
• 叮咚！您有一份2017杭州云栖大会参会指南待签收【持续更...
• 重磅发布背后：POLARDB的中国故事
• 传统应用层逻辑分库DB迁移阿里云DRDS+RDS分布式数...
• 海量用户实时定位和圈人 - 团圆社会公益系统(位置寻人\...
• 京颐CTO宋建康：如何应对系统高度分化异构的挑战，打造不...
• 经典网络迁移VPC最佳实践
• 揭秘IPHONE X刷脸认证的技术奥秘
• 5大场景护航企业成长，实例解析阿里云适应性网络架构
• 专访阿里云异构计算负责人：异构计算，GPU、FPGA、A...

• 看了此文的人还看了

• 控件-下面的代码到底是哪里出现问题
• 分页-freemarker 通过自定义标签生成静态列表页
• app-APP用token实现保持登陆状态
• ios后台不能接收到语音和视频通话的通知？
• iOS国际化为什么不切换语言
• 这个是 怎么 回事啊 ~~~ 各位大虾帮帮忙···
• 微波雷达测速
• 如何将网站www跳转到带www下代码
• 如何用C#实现对进程流量的监控
• 表单提交多条数据点击按钮跟新

热门活动更多>

• 云服务器9.9元抢购

  6款产品 6个月免费体验

  查看详情>

  

• 搭建网站/应用首选

  轻量应用服务器 45元/月

  查看详情>

  

• 全新云服务器限时2折起

  I/O优化，独享IP，性能提升20%

  查看详情>

  

热点导航

• 高性能云服务器2折起
• 域名查询
• 网站域名whois查询
• 云计算
• 网站服务器价格
• 域名注册
• bootstrap table
• MySQL三节点
• MySQL读写分离
• 技术资料
• 阿里云邀请码
• product
• cfbundleidentifier报错
• echarts地图json数据
• webstorm开发javaweb
• 社区
• 技术
• 滚动条
• mysql upgrade
• ie浏览器不加载样式
• c primer 第五版
• java实现opc client
• post请求
• 支付宝同步和异步通知
• product1
• 三合一云商城建设
• 软件安装环境配置
• 技术
• 钉钉收费
• 问答
• 数据算法竞赛