Bagaimana untuk Menghalang DIV daripada Dipotong Semasa Pencetakan CSS?

Cegah Cut-Off DIVs Semasa Pencetakan CSS

Apabila menjana kandungan HTML dinamik dengan ketinggian yang berbeza-beza, adalah perkara biasa untuk menghadapi masalah DIV terputus antara halaman semasa pencetakan . Isu ini boleh menyukarkan penggunaan cetakan.

Untuk menyelesaikannya, cuba CSS berikut:

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

Pecah dalam: elakkan sifat menghalang pemisah halaman daripada berlaku dalam elemen DIV, memastikan yang mereka cetak pada satu halaman. Sifat ini disokong oleh semua penyemak imbas utama, termasuk Chrome, Edge, Firefox, Opera dan Safari.

Sebagai alternatif, anda boleh menggunakan page-break-inside: avoid;, yang telah ditamatkan oleh break- dalam: elakkan tetapi masih boleh berfungsi.

Atas ialah kandungan terperinci Bagaimana untuk Menghalang DIV daripada Dipotong Semasa Pencetakan CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!