Posts Tagged ‘ css

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

Shorthand CSS

เวลาเขียน Shorthand CSS อย่างเช่น

padding: x1px x2px x3px x4px; 

ตำแหน่ง และ ความหมายคือ top, right, bottom, left ดังนั้นหากเขียนว่า

.test{padding: 20px 10px 20px 10px;}  

หมายความว่า element ใดก็ตามที่ใช้ style class test นั้นจะมี padding ห่างจากข้างบน 20px ข้างขวา 10px ข้างล่าง 20px และ ทางด้านซ้าย 10px