Rumah > hujung hadapan web > tutorial css > Kawal penomboran menggunakan CSS

Kawal penomboran menggunakan CSS

WBOY
Lepaskan: 2023-08-25 10:57:02
ke hadapan
755 orang telah melayarinya

使用 CSS 控制分页

Untuk mengawal penomboran, gunakan page-break-sebelum, page-break-after dan page-break- dalam properties.

page-break-before dan page-break-after kedua-duanya menerima auto, sentiasa, dan elakkan kata kunci kiri dan kanan. Kata kunci

auto ialah lalai; ia membenarkan penyemak imbas menjana pemisah halaman mengikut keperluan. Kata kunci sentiasa memaksa penomboran sebelum atau selepas elemen, manakala elakkan melarang penomboran sejurus sebelum atau selepas elemen. Kiri dan Kanan kata kunci memaksa satu atau dua pemisah halaman supaya elemen dipaparkan di sebelah kiri atau kanan halaman.

Menggunakan sifat penomboran adalah sangat mudah. Katakan dokumen anda mempunyai tajuk tahap 1 dan anda mewakili bab dengan memulakan bahagian baharu dengan tajuk tahap 2. Anda mahu setiap bab bermula pada halaman sebelah kanan baharu, tetapi anda tidak mahu pemisah halaman memisahkan tajuk bab daripada kandungan yang berikutnya.

Contoh

Anda boleh mencapai ini menggunakan peraturan berikut

<style>
   <!--
      h1 {
         page-break-before : right
      }
      h2 {
         page-break-after : avoid
      }
   -->
</style>
Salin selepas log masuk

Atas ialah kandungan terperinci Kawal penomboran menggunakan CSS. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:tutorialspoint.com
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan