在調(diào)用 window.print() 時张惹，可以實現(xiàn)打印效果，但內(nèi)容太多時要進(jìn)行分頁打印舞肆。
在樣式中有規(guī)定幾個打印的樣式
page-break-before 和 page-break-after CSS屬性并不會修改網(wǎng)頁在屏幕上的顯示各拷，這兩個屬性是用來控制文件的打印方式。
每個打印屬性都可以設(shè)定4種設(shè)定值：auto客年、always、left和right漠吻。其中Auto是默認(rèn)值量瓜，只有在有需要時，才需設(shè)定分頁符號 (Page breaks)侥猩。
page-break-before 若設(shè)定成 always榔至，則是在遇到特定的組件時，打印機(jī)會重新開始一個新的打印頁欺劳。
page-break-before 若設(shè)定成left，則會插入分頁符號铅鲤，直到指定的組件出現(xiàn)在一個左邊的空白頁上划提。
page-break-before 若設(shè)定成right，則會插入分頁符號邢享，直到指定的組件出現(xiàn)在一個右邊的空白頁上鹏往。
page-break-after 屬性會將分頁符號加在指定組件后，而非之前骇塘。
在下列程序中您將可以看到這些屬性的設(shè)定伊履，
<HTML>
<HEAD>
<TITLE>Listing 14-4</TITLE>
</HEAD>
<BODY>
<DIV>This is the first DIV.</DIV>
<DIV STYLE="page-break-before:always">This is the second DIV.</DIV>
<DIV STYLE="page-break-after:always">This is the third DIV.</DIV>
<DIV>This is the fourth DIV.</DIV>
<DIV STYLE="page-break-before:right">This is the fifth DIV.</DIV>
<DIV STYLE="page-break-after:right">This is the sixth DIV.</DIV>
<DIV>This is the last DIV.</DIV>
</BODY>
</HTML>
值描述
| auto | 默認(rèn)值韩容。如果必要則在元素前插入分頁符 |
|---|---|
| always | 在元素前插入分頁符 |
| avoid | 避免在元素前插入分頁符 |
| left | 在元素之前足夠的分頁符，一直到一張空白的左頁為止 |
| right | 在元素之前足夠的分頁符唐瀑，一直到一張空白的右頁為止 |
| inherit | 規(guī)定應(yīng)該從父元素繼承 page-break-before 屬性的設(shè)置 |
在Dom對象中pageBreakBefore屬性
語法
Object.style.pageBreakBefore=auto|always|avoid|left|right
<html>
<head>
<script type="text/javascript">
function setPageBreak()
{
document.getElementById("p2").style.pageBreakBefore="always";
}
</script>
</head>
<body>
<p>This is a test paragraph.</p>
<input type="button" onclick="setPageBreak()" value="Set page-break" />
<p id="p2">This is also a test paragraph.</p>
</body>
</html>
