Bagaimana untuk Menghalang DIV daripada Dipisahkan Merentas Halaman Semasa Mencetak?

Isu Cetakan: Menghalang Pencabangan DIV Merentasi Halaman

Menghadapi dilema pencetakan di mana DIV dinamik semakin dihiris separuh antara halaman? Isu ini timbul apabila cuba mencetak dokumen yang panjang dengan pelbagai elemen DIV ketinggian boleh ubah.

Penyelesaian CSS untuk Penyelamat

Untuk menangani isu ini, sifat CSS memecahkan- dalam datang untuk menyelamatkan. Dengan menyatakan nilai yang dielakkan, anda boleh memastikan bahawa enjin pemaparan menghalang DIV daripada berpecah di tengah jalan. Berikut ialah coretan kod:

@media print {
  div {
    break-inside: avoid;
  }
}

Penyelesaian ini disokong oleh semua penyemak imbas utama, termasuk:

• Chrome 50
• Edge 12
• Firefox 65
• Opera 37
• Safari 10

Pilihan Alternatif

Pilihan lain yang berdaya maju ialah menggunakan pemecah halaman -dalam: elakkan; bukannya pecah-dalam: elakkan;. Walau bagaimanapun, pendekatan ini telah ditamatkan dan harus digunakan dengan berhati-hati.

Atas ialah kandungan terperinci Bagaimana untuk Menghalang DIV daripada Dipisahkan Merentas Halaman Semasa Mencetak?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!