Cara membagi halaman Saat mencetak, Tutorial HTML dan CSS


Tips CSSJika kita mencetak sebuah halaman web yang isinya panjang, biasanya hasil cetaknya bersambung menjadi beberapa halaman yang tidak pasti bagian-bagianya. Bisa saja satu halaman terdiri dari beberapa bagian bahasan atau format yang berbeda sehingga menyulitkan kita untuk membaca ataupun mengarsipkanya.
Jika anda seorang pengembang aplikasi web, ini juga sering terjadi pada saat anda membuat laporan yang berisi sebuah daftar yang menampilkan banyak record. Jika dicetak pasti hasilnya tidak konsisten jumlahnya bisa halaman pertama 10, halaman berikutnya 12 dan seterusnya. Dan banyak lagi contoh lainya.
Untuk itu kita bisa menggunakan perintah css, agar hasil cetaknya lebih rapi dan konsiten pada setiap halamanya. Silahkan gunakan kode berikut pada halaman html/css anda.
<style type="text/css" media="print">
    .page-break  { display:block; page-break-before:always; }
</style>
Kemudian tambahkan kode berikut pada setiap bagian yang ingin dipisah halaman cetaknya.
<d/i/v class="page-break"></d/i/v>
hapus tanda / yng memisahkan kalimat div.
Dengan kode diatas otomatis pada saat sebuah halaman web kita cetak maka akan dipisah ke halaman berikutnya.
Pudin Petani

Seorang petani yang suka dengan teknologi

Post a Comment (0)
Previous Post Next Post

Digital Marketing

Konten Sticky