Rumah > hujung hadapan web > tutorial css > Bagaimana Saya Boleh Menghalang Pecah Halaman Di Dalam Baris Jadual Apabila Menukar HTML kepada PDF?

Bagaimana Saya Boleh Menghalang Pecah Halaman Di Dalam Baris Jadual Apabila Menukar HTML kepada PDF?

Linda Hamilton
Lepaskan: 2024-11-30 13:36:10
asal
152 orang telah melayarinya

How Can I Prevent Page Breaks Inside Table Rows When Converting HTML to PDF?

Menghalang Pecah Halaman Dalam Baris Jadual dalam HTML

Apabila menukar dokumen HTML kepada PDF menggunakan wkhtmltopdf, pengguna sering menghadapi isu pecah halaman yang berlaku dalam barisan jadual. Walaupun page-break-inside: avoid property boleh digunakan pada elemen jadual, ia mungkin tidak selalu berkesan untuk jadual besar.

Untuk menangani masalah ini, pendekatan alternatif boleh digunakan menggunakan CSS:

  1. Tambahkan kelas CSS pada jadual:
<table>
Salin selepas log masuk
  1. Tentukan peraturan CSS untuk kelas:
table.print-friendly tr td, table.print-friendly tr th {
    page-break-inside: avoid;
}
Salin selepas log masuk

Tidak seperti teg tr itu sendiri, teg td dan th di dalamnya menyokong sifat page-break-inside. Dengan menggunakan peraturan ini pada semua tr dan td anak jadual dengan kelas mesra cetak, anda boleh menghalang pemisah halaman daripada berlaku dalam baris individu.

Kaedah ini membolehkan anda mengekalkan pemformatan jadual sambil memastikan pemisah halaman hanya berlaku di antara baris jadual, menghasilkan dokumen PDF yang lebih bersih dan mudah dibaca.

Atas ialah kandungan terperinci Bagaimana Saya Boleh Menghalang Pecah Halaman Di Dalam Baris Jadual Apabila Menukar HTML kepada PDF?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan