วันเสาร์ที่ 23 เมษายน พ.ศ. 2554

การแบ่งหน้าสำหรับการพิมพ์ด้วย HTML + CSS page-break

วันนี้จะมานำเสนอการแบ่งหน้าพิมพ์สำหรับเอกสารด้วย HTML นะครับ จริงๆ วิธีการนี้ก็มีมานานแต่ว่าถือว่าเป็นความรู้ใหม่จริงๆ ก็เลยได้นำมาเขียนเอาไว้กันลืมสำหรับตัวเอง ท่านใดเห็นว่าเป็นประโยชน์ก็สามารถนำเอาไปใช้งานได้ครับ ดูตัวอย่างที่ 1 เลยครับ

ตัวอย่างที่ 1



ตัวอย่างผลลัพธ์แสดงได้ดังนี้


ตั้วอย่างที่ 2

ตัวอย่างผลลัพธ์แสดงได้ดังนี้

สังเกตนะครับว่าจำนวน 3 หน้า หรือ 4 หน้าต่างกันแค่นิดเดียวนะครับ

ขอบคุณ
http://forums.mozillazine.org/viewtopic.php?f=25&t=278578
http://www.codeave.com/css/code.asp?u_log=4016