Bagaimana untuk Mencegah DIV daripada Dibelah Separuh Apabila Mencetak dalam CSS?

Mengelakkan Pembahagian DIV dalam Percetakan CSS

Apabila menjana dokumen HTML yang besar dengan unsur ketinggian dinamik, pencetakan boleh menimbulkan cabaran, terutamanya dengan DIV menjadi terputus antara muka surat. Ini boleh menghalang kebolehgunaan cetakan.

Untuk mengelakkan ini, adalah penting untuk mempertimbangkan sifat CSS pecah-dalam. Sifat ini membenarkan kawalan ke atas cara sesuatu elemen berkelakuan apabila menghadapi pemisah halaman. Dengan menggunakan break-inside: avoid; pada DIV, anda boleh menghalangnya daripada terpecah merentas berbilang halaman dalam dokumen yang dicetak.

Berikut ialah coretan kod yang menunjukkan penggunaannya:

<code class="css">@media print {
  div {
    break-inside: avoid;
  }
}</code>

Penyelesaian ini serasi dengan semua penyemak imbas utama, termasuk Chrome, Edge, Firefox, Opera dan Safari. Ia secara berkesan menangani isu DIV yang dibelah dua dalam percetakan, memastikan elemen kekal utuh dan boleh dibaca di atas kertas.

Atas ialah kandungan terperinci Bagaimana untuk Mencegah DIV daripada Dibelah Separuh Apabila Mencetak dalam CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!