Bagaimana untuk Melaksanakan Penomboran HTML untuk Pelayar WebKit: Memastikan Potongan Teks Bersaiz Skrin?

Penomboran HTML: Mencipta Potongan Bersaiz Skrin untuk Penyemak Imbas WebKit

Soalan:

Cara membahagikan kandungan teks bagi dokumen HTML ke dalam bahagian bersaiz skrin untuk penomboran dalam penyemak imbas WebKit, memastikan setiap "halaman" memaparkan unit teks yang lengkap tanpa membelah baris merentasi sempadan skrin?

Jawapan:

Untuk mencapai penomboran HTML dalam penyemak imbas WebKit, penyelesaian JavaScript dan CSS berikut boleh digunakan:

<code class="javascript">var desiredHeight;
var desiredWidth;
var bodyID = document.getElementsByTagName('body')[0];
totalHeight = bodyID.offsetHeight;
pageCount = Math.floor(totalHeight / desiredHeight) + 1;
bodyID.style.padding = 10; //(optional) prevents clipped letters around the edges
bodyID.style.width = desiredWidth * pageCount;
bodyID.style.height = desiredHeight;
bodyID.style.WebkitColumnCount = pageCount;</code>

Kod ini mentakrifkan ketinggian dan lebar yang dikehendaki bagi setiap halaman (Ketinggian yang dikehendaki dan Lebar yang dikehendaki). Ia mengira jumlah ketinggian dokumen (totalHeight) dan menentukan bilangan halaman yang diperlukan (pageCount).

Pelapik elemen badan dilaraskan untuk mengelakkan teks daripada dipotong di tepi dan lebar serta ketinggiannya ditetapkan untuk menampung dimensi halaman yang dikehendaki. Akhir sekali, sifat WebkitColumnCount digunakan untuk membuat lajur untuk kandungan bernombor.

Atas ialah kandungan terperinci Bagaimana untuk Melaksanakan Penomboran HTML untuk Pelayar WebKit: Memastikan Potongan Teks Bersaiz Skrin?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!