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

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>
Salin selepas log masuk

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

1715.png

谷歌对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>
Salin selepas log masuk

Atas ialah kandungan terperinci css中page-break-after: always;在火狐浏览器上不执行的解决办法. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

AI Hentai Generator

AI Hentai Generator

Menjana ai hentai secara percuma.

Artikel Panas

R.E.P.O. Kristal tenaga dijelaskan dan apa yang mereka lakukan (kristal kuning)
3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Tetapan grafik terbaik
3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Cara Memperbaiki Audio Jika anda tidak dapat mendengar sesiapa
3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: Cara Membuka Segala -galanya Di Myrise
3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Bagaimana untuk mengalih keluar Firefox Snap dalam Ubuntu Linux? Bagaimana untuk mengalih keluar Firefox Snap dalam Ubuntu Linux? Feb 21, 2024 pm 07:00 PM

Untuk mengalih keluar FirefoxSnap dalam Ubuntu Linux, anda boleh mengikuti langkah berikut: Buka terminal dan log masuk ke sistem Ubuntu anda sebagai pentadbir. Jalankan arahan berikut untuk menyahpasang FirefoxSnap: sudosnapremovefirefox Anda akan digesa untuk kata laluan pentadbir anda. Masukkan kata laluan anda dan tekan Enter untuk mengesahkan. Tunggu pelaksanaan arahan selesai. Setelah selesai, FirefoxSnap akan dialih keluar sepenuhnya. Ambil perhatian bahawa ini akan mengalih keluar versi Firefox yang dipasang melalui pengurus pakej Snap. Jika anda memasang versi Firefox yang lain melalui cara lain (seperti pengurus pakej APT), anda tidak akan terjejas. Pergi melalui langkah-langkah di atas

Bolehkah mozilla firefox dinyahpasang? Bolehkah mozilla firefox dinyahpasang? Mar 15, 2023 pm 04:40 PM

Mozilla Firefox boleh dinyahpasang; Firefox ialah penyemak imbas pihak ketiga dan boleh dinyahpasang jika ia tidak diperlukan. Kaedah nyahpasang: 1. Dalam menu Mula, klik "Sistem Windwos" - "Panel Kawalan"; 2. Dalam antara muka "Panel Kawalan", klik "Program dan Ciri" 3. Dalam antara muka baharu, cari dan klik dua kali Ikon Pelayar Firefox; 4. Dalam tetingkap pop timbul, klik "Seterusnya" 5. Klik "Nyahpasang".

Ciri baharu Firefox 113: sokongan untuk animasi AV1, penjana kata laluan yang dipertingkatkan dan ciri gambar dalam gambar Ciri baharu Firefox 113: sokongan untuk animasi AV1, penjana kata laluan yang dipertingkatkan dan ciri gambar dalam gambar Mar 05, 2024 pm 05:20 PM

Menurut berita terkini, sementara Mozilla mengeluarkan versi stabil Firefox 112, ia juga mengumumkan bahawa versi utama seterusnya, Firefox 113, telah memasuki saluran Beta dan menyokong animasi AV1, penjana kata laluan yang dipertingkatkan dan ciri gambar dalam gambar. Fungsi/ciri baharu utama Firefox 113 adalah seperti berikut: Sokongan untuk imej animasi format AV1 (AVIS); Meningkatkan keselamatan penjana kata laluan dengan memperkenalkan aksara khas , dan dayakan skrin penuh dengan lebih mudah Mod menyediakan fail pemasangan DEB rasmi untuk pengedaran Debian dan Ubuntu ciri import penanda halaman yang dikemas kini, ikon untuk penanda halaman yang diimport disokong secara lalai Penyahkodan video AV1 dipercepatkan perkakasan didayakan secara lalai pada perkakasan yang disokong menggunakan w

Bagaimana untuk menggunakan Mozilla Firefox dalam Scrapy untuk menyelesaikan masalah mengimbas kod QR untuk log masuk? Bagaimana untuk menggunakan Mozilla Firefox dalam Scrapy untuk menyelesaikan masalah mengimbas kod QR untuk log masuk? Jun 22, 2023 pm 09:50 PM

Untuk perangkak merangkak tapak web yang memerlukan log masuk, kod pengesahan atau log masuk kod imbasan adalah masalah yang sangat menyusahkan. Scrapy ialah rangka kerja perangkak yang sangat mudah digunakan dalam Python, tetapi apabila memproses kod pengesahan atau mengimbas kod QR untuk log masuk, beberapa langkah khas perlu diambil. Sebagai pelayar biasa, Mozilla Firefox menyediakan penyelesaian yang boleh membantu kami menyelesaikan masalah ini. Modul teras Scrapy dipintal, yang hanya menyokong permintaan tak segerak, tetapi sesetengah tapak web memerlukan penggunaan kuki dan

Apple mengeluarkan kemas kini untuk membetulkan kerentanan WebKit, penggunaan kuasa yang berlebihan dalam MacBook Apple mengeluarkan kemas kini untuk membetulkan kerentanan WebKit, penggunaan kuasa yang berlebihan dalam MacBook Apr 15, 2023 am 10:49 AM

Apple telah mengeluarkan kemas kini untuk iPhone, iPad, Mac dan Apple Watch. Walaupun kemas kini untuk setiap peranti adalah kecil, ia menangani kelemahan WebKit. Syarikat itu juga memberi jaminan bahawa ia telah membetulkan pepijat yang menyebabkan komputer riba MacBook secara tidak dijangka menghabiskan bateri mereka. Apple iOS dan iPadOS 15.3.1 adalah kemas kini kecil. Ia sebenarnya tidak mengandungi sebarang ciri utama. Walau bagaimanapun, ia berguna untuk orang yang menggunakan paparan braille. Selain itu, kemas kini menyelesaikan kelemahan pelaksanaan kod sewenang-wenangnya. Nota kemas kini untuk iOS 15.3.1 menyebut: iOS 15.3.1 menyediakan kemas kini keselamatan penting untuk iPhone dan pembetulan anda

Ubuntu 23.10 akan menjalankan Firefox dalam mod Wayland asli secara lalai Ubuntu 23.10 akan menjalankan Firefox dalam mod Wayland asli secara lalai Feb 29, 2024 am 10:10 AM

Canonical baru-baru ini mengumumkan bahawa dalam Ubuntu 23.10 yang akan datang, Firefox Snap telah dikonfigurasikan untuk dijalankan dalam mod Wayland secara lalai. Nota: Ubuntu kini mempunyai sesi Wayland secara lalai, dan Firefox juga boleh berfungsi seperti biasa. Walau bagaimanapun, pada masa ini FirefoxSnap sebenarnya berjalan dalam mod keserasian XWayland, bukannya mod Wayland asli yang ketat. Canonical mengumumkan bahawa ia akan menjalankan pelayar Firefox dalam mod Wayland secara lalai, supaya masalah seperti kabur antara muka dan herotan penskalaan tidak akan berlaku pada paparan HiDPI, dan ia akan menyokong gerak isyarat sentuh seperti menyeret dan mencubit. Seperti yang dinyatakan di atas, Ubuntu

Pelayar Firefox Firefox 115 dikeluarkan, menyokong versi terakhir Win7/Win8.1 Pelayar Firefox Firefox 115 dikeluarkan, menyokong versi terakhir Win7/Win8.1 Mar 04, 2024 pm 04:46 PM

Berita terkini hari ini, Mozilla secara rasmi mengeluarkan kemas kini versi stabil pelayar Firefox 115 hari ini Perkara yang paling penting tentang kemas kini ini ialah ini adalah versi terakhir yang menyokong Win7/Win8, macOS10.12, 10.13 dan 10.14. Alamat muat turun: https://ftp.mozilla.org/pub/firefox/releases/115.0/Mozilla dinyatakan dalam log kemas kini rasmi: Microsoft akan menamatkan sokongan untuk sistem Win7 dan Win8 pada Januari 2023, dan Firefox 115 dikeluarkan hari ini Versinya ialah kemas kini versi terakhir yang diterima oleh pengguna sistem tersebut. Pengguna Win7 dan Win8

Eropah membenarkan Apple melonggarkan sekatan pelayar: Enjin bukan WebKit boleh dipilih, Chrome boleh digunakan sebagai penyemak imbas lalai Eropah membenarkan Apple melonggarkan sekatan pelayar: Enjin bukan WebKit boleh dipilih, Chrome boleh digunakan sebagai penyemak imbas lalai Jan 26, 2024 am 10:42 AM

Menurut berita pada 26 Januari, selepas pengguna iPhone di Eropah menaik taraf kepada kemas kini iOS17.4Beta1, mereka akan melihat tetingkap baharu selepas membuka pelayar Safari, yang menyokong penukaran pelayar lalai. Pengguna di Eropah boleh menyediakan pelayar bukan Safari termasuk Firefox, Opera, Chrome, Brave dan Microsoft Edge mengikut pilihan mereka sendiri. Apl penyemak imbas kini juga boleh menggunakan enjin penyemak imbas selain WebKit, termasuk apl penyemak imbas dan pengalaman menyemak imbas dalam apl. Apple sebelum ini memerlukan semua penyemak imbas pada iOS, termasuk penyemak imbas biasa seperti Chrome dan Firefox, mesti menggunakan enjin WebKit Pada masa hadapan, Chrome

See all articles