Bagaimanakah Saya Boleh Menambah Nombor Halaman pada Cetakan Laman Web Saya Menggunakan CSS dan HTML?

Memperkayakan Cetakan dengan Nombor Halaman: Penyelesaian CSS/HTML

Keperluan untuk memasukkan nombor halaman dalam salinan tapak web bercetak telah muncul. Untuk mencapai matlamat ini, kami menyelidiki bidang CSS dan HTML, memberikan panduan tentang menambah pengepala, pengaki dan nombor halaman pada output bercetak.

Pemformatan Halaman CSS dengan Peraturan @page

Untuk keserasian penyemak imbas yang dipertingkatkan, menggunakan peraturan @page menawarkan fleksibiliti dan kawalan ke atas elemen halaman bercetak. Dengan melampirkan sifat @bottom-right dalam blok @page, pengguna boleh menentukan kandungan yang akan muncul dalam pengaki setiap halaman.

@page {
  @bottom-right {
    content: counter(page) " of " counter(pages);
  }
}

Konfigurasi ini mentakrifkan kandungan pengaki sebagai halaman semasa nombor diikuti dengan jumlah halaman, dipaparkan dalam format "Halaman [nombor halaman semasa] daripada [jumlah bilangan halaman]".

Sumber Tambahan untuk Penerokaan

Untuk mendalami pemformatan halaman CSS dan amalan berkaitan, kami mengesyorkan rujukan ini:

• [Halaman CSS3 Modul](http://www.w3.org/TR/css3-page/)
• [Menambah Nombor Halaman Menggunakan @page Property](http://www.intelligrape.com/blog/2010/ 08/20/add-page-number-using-page-property-of-css/)
• [Nombor Halaman PrinceXML Dokumentasi](http://www.princexml.com/doc/6.0/page-numbers/)

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menambah Nombor Halaman pada Cetakan Laman Web Saya Menggunakan CSS dan HTML?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!