Posts Tagged ‘ HTML

CSS page break

กำลังหา code css มาจัดการการขึ้นหน้าใหม่เวลาที่ต้องการโดยข้อมูลไม่จำเป็นต้องเต็มหน้าก่อน ค้นไปเจอบทความของคุณ Rux’s ดังโค๊ดข้างล่างนี้

<html>
<head>
<title>Print with page break</title>
<style type="text/css">
@media all{
  .page-break  { display:none; }
}
 
@media print{
  .page-break  { display:block; page-break-before:always; }
}
</style>
</head>
<body>
    <h1>Page1</h1>
    <div class="page-break" ></div>
    <h1>Page2</h1>
    <div class="page-break" ></div>
    <h1>Page3</h1>
</body>
</html>

แหล่งข้อมูล
http://www.ruxcom.com/css-page-break