Bagaimana untuk Mencetak DIV Ketinggian Dinamik Tanpa Isu Pemisahan Halaman?

Menjinakkan Penomboran DIV Kesengsaraan: Menghilangkan Sakit Kepala Membahagi Halaman

Masalah:

Dalam aplikasi Cocoa WebView, palam -in menjana halaman web dengan beratus-ratus DIV ketinggian dinamik. Walau bagaimanapun, apabila dicetak, beberapa DIV terputus pada sempadan halaman, menjadikan cetakan sukar untuk dinavigasi.

Penyelesaian:

Untuk mengelakkan DIV daripada terbelah merentasi halaman, memanfaatkan sifat pecah dalam CSS:

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

Penjelasan:

Sifat pecah dalam mengawal cara sesuatu elemen berkelakuan apabila ia menemui pemisah halaman. Dengan menetapkannya kepada "elakkan", DIV akan kekal pada satu halaman apabila boleh. Tingkah laku ini disokong dalam semua penyemak imbas utama, memastikan keserasian merentas persekitaran pencetakan yang berbeza.

Berbeza dengan pemecahan halaman yang tidak digunakan lagi: elakkan; harta benda, pecah masuk: elakkan; menawarkan penyelesaian yang lebih komprehensif dan moden untuk mengekalkan integriti kandungan semasa percetakan. Dengan melaksanakan sifat ini, anda boleh menghapuskan isu DIV terpenggal dengan berkesan dan memastikan pencetakan dokumen anda lancar.

Atas ialah kandungan terperinci Bagaimana untuk Mencetak DIV Ketinggian Dinamik Tanpa Isu Pemisahan Halaman?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!