css中page-break-after: always;在火狐浏览器上不执行的解决办法-css教程-PHP中文网

首页

web前端

css教程

css中page-break-after: always;在火狐浏览器上不执行的解决办法

黄舟

Jul 08, 2017 am 10:02 AM

firefox webkit

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来做容器

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

<!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>

登录后复制

以上是css中page-break-after: always;在火狐浏览器上不执行的解决办法的详细内容。更多信息请关注PHP中文网其他相关文章！

本站声明

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

热AI工具

热工具

热门话题

gmail邮箱登陆入口在哪里

7465

CakePHP 教程

1376

steam的账户名称是什么格式

win11激活密钥永久

NYT连接提示和答案

显示更多

Related knowledge

Ubuntu Linux中如何删除Firefox Snap？ Feb 21, 2024 pm 07:00 PM

要在UbuntuLinux中删除FirefoxSnap，可以按照以下步骤进行操作：打开终端并以管理员身份登录到Ubuntu系统。运行以下命令以卸载FirefoxSnap：sudosnapremovefirefox系统将提示你输入管理员密码。输入密码并按下Enter键以确认。等待命令执行完成。一旦完成，FirefoxSnap将被完全删除。请注意，这将删除通过Snap包管理器安装的Firefox版本。如果你通过其他方式（如APT包管理器）安装了另一个版本的Firefox，则不会受到影响。通过以上步骤

mozilla firefox可以卸载吗 Mar 15, 2023 pm 04:40 PM

mozilla firefox可以卸载；firefox属于第三方浏览器，如果不需要，完全可以卸载。卸载方法：1、在开始菜单中，依次点击“Windwos系统”-“控制面板”；2、在“控制面板”界面中，点击“程序和功能”；3、在新界面中，找到并双击火狐浏览器图标；4、在卸载弹窗中，点击“下一步”；5、点击“卸载”即可。

火狐浏览器Firefox 113 新特性：支持AV1动图、增强密码生成器和画中画特性 Mar 05, 2024 pm 05:20 PM

近日消息，Mozilla在发布Firefox112稳定版的同时，也宣布下个主要版本Firefox113进入Beta频道，支持AV1动图、增强密码生成器和画中画特性。火狐浏览器Firefox113主要新功能/新特性如下支持AV1格式动图(AVIS)通过引入特殊字符来增强密码生成器的安全性增强画中画功能，支持后退、显示视频时间，能更轻松地启用全屏模式为Debian和Ubuntu发行版提供官方DEB安装文件更新书签导入功能，默认情况下支持导入书签的图标在支持的硬件上默认启用硬件加速AV1视频解码使用w

Scrapy中如何使用Mozilla Firefox来解决扫码登录的问题？ Jun 22, 2023 pm 09:50 PM

对于爬虫爬取需要登录的网站，验证码或扫码登录是一个很困扰的问题。Scrapy是Python中一个非常好用的爬虫框架，但是在处理验证码或扫码登录时，需要采取一些特殊的措施。作为一个常见的浏览器，MozillaFirefox提供了一种解决方案，可以帮助我们解决这个问题。Scrapy的核心模块是twisted，它只支持异步请求，但是一些网站需要使用cookie和

Apple 发布更新以修复 MacBook 中的 WebKit 漏洞和过度耗电 Apr 15, 2023 am 10:49 AM

Apple已发布适用于iPhone、iPad、Mac和AppleWatch的更新。尽管每个设备的更新都很小，但它们解决了WebKit漏洞。该公司还保证已经修复了一个错误，该错误会导致MacBook笔记本电脑意外耗尽电池。AppleiOS和iPadOS15.3.1是次要更新。它实际上不包含任何主要功能。但是，它对使用盲文显示器的人很有用。此外，该更新还解决了任意代码执行漏洞。iOS15.3.1的更新说明提到：iOS15.3.1为您的iPhone提供了重要的安全更新，并修

Ubuntu 23.10默认将在原生 Wayland 模式下运行火狐浏览器 Firefox Feb 29, 2024 am 10:10 AM

Canonical公司近日宣布，在即将发布的Ubuntu23.10中，FirefoxSnap已配置默认在Wayland模式下运行。注：Ubuntu目前已经默认Wayland会话，Firefox也能正常工作。不过当前FirefoxSnap实际上是以XWayland兼容模式下运行，而不是严苛的原生Wayland模式。Canonical宣布默认会在Wayland模式下运行Firefox浏览器，从而在HiDPI显示器不会出现界面模糊、缩放失真等问题，并且支持拖动、手势捏合等触控手势。如上所述，Ubunt

火狐浏览器Firefox 115发布，支持Win7/Win8.1的最后一个版本 Mar 04, 2024 pm 04:46 PM

今日最新消息，Mozilla今天正式发布了火狐浏览器Firefox115稳定版更新，本次更新最值得关注一点是，这是支持Win7/Win8、macOS10.12、10.13和10.14的最后一个版本。下载地址：https://ftp.mozilla.org/pub/firefox/releases/115.0/Mozilla在官方更新日志中表示：微软于2023年1月结束了对Win7和Win8系统的支持，而今天发布的Firefox115版本是上述系统用户收到的最后一个版本更新。Win7和Win8用户

欧洲允许苹果放松浏览器限制：可选择非 WebKit 引擎，Chrome 可作为默认浏览器 Jan 26, 2024 am 10:42 AM

1月26日消息，欧洲地区的iPhone用户升级iOS17.4Beta1更新之后，打开Safari浏览器之后会看到新窗口，支持更换默认浏览器。欧洲地区用户可以根据自己的偏好，设置包括Firefox、Opera、Chrome、Brave和MicrosoftEdge等非Safari浏览器了。浏览器应用现在也可以使用WebKit以外的浏览器引擎，包括浏览器应用和应用内的浏览体验。苹果此前要求包括Chrome浏览器和火狐浏览器等常用浏览器在内，iOS上的所有浏览器都必须使用WebKit引擎，今后Chrom

See all articles

css中page-break-after: always;在火狐浏览器上不执行的解决办法

热AI工具

Undresser.AI Undress

AI Clothes Remover

Undress AI Tool

Clothoff.io

AI Hentai Generator

热门文章

热工具

记事本++7.3.1

SublimeText3汉化版

禅工作室 13.0.1

Dreamweaver CS6

SublimeText3 Mac版

热门话题