สั่งพิมพ์เอกสารเป็นหน้าๆ โดยใช้ CSS ควบคุม
Dec. 29, 2008
<html>
<head>
<style type="text/css">
<!--
@media print {
div.page {
height: 100%;
margin: 0px 0px 0px 0px;
}
}
-->
</style>
</head>
<body>
<div class = "page">aa</div>
<div class = "page">bb</div>
</body>
</html>
จากตัวอย่างจะเห็นว่า ใน CSS มีการเรียกใช้ Media Print คือการสั่งให้จัดการกับสื่อหรือ output ที่เป็น Printer
ซึ่งเรากำหนดให้มีผลกับช่วง tag <div> เมื่อคุณลองสั่งรัน Script แล้วสั่งพิมพ์ออกมา ก็จะเห็นว่า Printer
จะพิมพ์ออกมา 2 หน้า โดยหน้าแรกจะเป็น aa หน้า 2 จะเป็น bb
อ้างอิงจาก www.siamdev.com