Mengapa Pecah Halaman CSS Saya Tidak Konsisten Merentasi Pelayar?

Sokongan Merentas Penyemak Imbas untuk Pecah Halaman CSS

Walaupun pengiktirafan meluas terhadap sifat CSS pecah halaman, pembangun sering menghadapi ketidakkonsistenan merentas penyemak imbas apabila cuba melaksanakan pemisah halaman. Walaupun Internet Explorer dan Opera mempamerkan tingkah laku yang boleh dipercayai, Firefox memisahkan tetapi gagal mencetak berbilang halaman, manakala Chrome dan Safari menggunakan pemecahan hanya pada halaman akhir.

Menyelesaikan Isu

Untuk memastikan keserasian merentas penyemak imbas, adalah penting untuk menangani masalah biasa: elemen induk dengan nilai apungan. Dengan menetapkan semula apungan kepada tiada pada semua elemen induk, sifat page-break-before:always akan berfungsi dengan betul.

Pertimbangan Tambahan

Selain daripada isu apungan, faktor lain juga boleh mengganggu pemisah halaman:

• Menggunakan pemisah halaman dalam jadual elemen
• Menggabungkan elemen terapung
• Menggunakan elemen blok sebaris
• Menggunakan elemen blok dengan sempadan

CSS yang disemak untuk Penyemak Imbas Merentas Keserasian:

@media print {
  #leftNav {
    display: none;
  }
  #mainBody {
    float: none;
    border: none;
    margin: none;
    padding: none;
  }
  div.pageBreak {
    page-break-before: always;
  }
}

Atas ialah kandungan terperinci Mengapa Pecah Halaman CSS Saya Tidak Konsisten Merentasi Pelayar?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!