HTML DOM pageBreakAfter ÊôÐÔ

HTML DOM Style ¶ÔÏó

¶¨ÒåºÍÓ÷¨

pageBreakAfter ÊôÐÔÉèÖÃÔªËØºó·ñÓ¦µ±·ÅÖ÷ÖÒ³·û¡£

Óï·¨£º

Object.style.pageBreakAfter=auto|always|avoid|left|right

¿ÉÄܵÄÖµ

Öµ ÃèÊö
auto ĬÈÏ¡£Èç¹û±ØÒªÔòÔÚÔªËØºó²åÈë·ÖÒ³·û¡£
always ÔÚÔªËØºó²åÈë·ÖÒ³·û¡£
avoid ±ÜÃâÔÚÔªËØºó²åÈë·ÖÒ³·û¡£
left ÔÚÔªËØÖ®ºó×ã¹»µÄ·ÖÒ³·û£¬Ò»Ö±µ½Ò»Õſհ׵Ä×óҳΪֹ¡£
right ÔÚÔªËØÖ®ºó×ã¹»µÄ·ÖÒ³·û£¬Ò»Ö±µ½Ò»Õſհ׵ÄÓÒҳΪֹ¡£

ʵÀý

±¾ÀýÔÚ id Ϊ p1 µÄ¶ÎÂäÖ®ºóÉèÖÃÁËÒ»¸ö page-break£º

<html>
<head>
<script type="text/javascript">
function setPageBreak()
{
document.getElementById("p1").style.pageBreakAfter="always";
}
</script>
</head>
<body>

<p id="p1">This is a test paragraph.</p>

<input type="button" onclick="setPageBreak()"
value="Set page-break" />

<p>This is also a test paragraph.</p>

</body>
</html>

HTML DOM Style ¶ÔÏó

VUE