Bagaimanakah Saya Boleh Menambah Nombor Halaman pada Output Cetakan Tapak Web Saya Menggunakan CSS?

Mencetak Nombor Halaman dengan CSS/HTML

Apabila mencetak tapak web, menambah pengepala dan pengaki halaman dengan nombor halaman boleh meningkatkan kebolehbacaan dokumen dan organisasi. Untuk mencapai matlamat ini, CSS menyediakan penyelesaian berkuasa yang membolehkan penyesuaian output bercetak.

Untuk menambah pengepala dan pengaki halaman, anda boleh menggunakan peraturan @halaman dengan sifat @bawah-kanan. Sebagai contoh, pengisytiharan CSS berikut akan menambah nombor halaman ke sudut kanan bawah setiap halaman yang dicetak:

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

Dalam pengisytiharan ini:

• kaunter(halaman) mewakili semasa nombor halaman.
• kaunter(halaman) mewakili jumlah bilangan halaman.

Dengan menggabungkan sifat kandungan dengan pembilang ini, anda boleh memaparkan nombor halaman semasa secara dinamik daripada jumlah bilangan halaman.

Sokongan Penyemak Imbas

Peraturan @page mempunyai sokongan penyemak imbas yang berbeza-beza bergantung pada sifatnya. Penyemak imbas seperti Chrome dan Firefox menyokong sepenuhnya @bawah-kanan untuk nombor halaman. Internet Explorer memerlukan shim untuk melaksanakan ciri ini. Adalah disyorkan untuk menyemak dokumentasi sokongan penyemak imbas terkini untuk mendapatkan maklumat khusus.

Bacaan Lanjut

Untuk maklumat dan contoh yang lebih terperinci, rujuk sumber berikut:

• Modul Halaman CSS W3C: http://www.w3.org/TR/css3-page/
• Tambah Nombor Halaman Menggunakan Ciri Halaman CSS: http://www.intelligrape.com/blog/2010/08/20/add- page-number-using-page-property-of-css/
• Nombor Halaman dalam Prince XML: http://www.princexml.com/doc/6.0/page-numbers/

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