Bagaimanakah Halaman Kawalan CSS Boleh Pecah dalam Jadual Besar?

Pecah Halaman CSS untuk Jadual Luas

Apabila dibentangkan dengan jadual yang mengandungi banyak baris, memastikan pencetakan berlaku merentas berbilang halaman boleh menjadi penting. CSS menyediakan dua sifat penting, page-break-before dan page-break-after, untuk mengawal pemisah halaman. Walau bagaimanapun, memahami tempat untuk melaksanakan sifat ini adalah penting.

Meletakkan Pecah Halaman CSS

Untuk mengarahkan penyemak imbas memecahkan halaman seperti yang diperlukan dalam jadual, tambahkan CSS berikut gaya pada dokumen anda:

<style type="text/css">
   table { page-break-inside:auto }
   tr    { page-break-inside:avoid; page-break-after:auto }
</style>

• jadual { page-break-inside:auto }: Menentukan pemisah halaman itu dibenarkan dalam jadual, menampung saiznya yang berpotensi besar.
• tr { page-break-inside:avoid; page-break-after:auto }: Menghalang pemisah halaman dalam baris jadual individu (page-break-inside:avoid) dan membenarkan pemisah selepas setiap baris (page-break-after:auto), memastikan baris dicetak bersama.

Dengan memasukkan peraturan CSS ini, anda memperkasakan penyemak imbas untuk menentukan pemisah halaman secara bijak berdasarkan saiz jadual dan kekangan halaman yang ditetapkan, menghasilkan pengalaman pencetakan yang lancar dan bernombor.

Atas ialah kandungan terperinci Bagaimanakah Halaman Kawalan CSS Boleh Pecah dalam Jadual Besar?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!