HTML DOM pageBreakInside ÊôÐÔ

HTML DOM Style ¶ÔÏó

¶¨ÒåºÍÓ÷¨

pageBreakInside ÉùÃ÷Ò»¸öÔªËØÄÚ²¿ÊÇ·ñÓ¦µ±·ÅÖ÷ÖÒ³·û¡£

Óï·¨£º

Object.style.pageBreakInside=auto|avoid

¿ÉÄܵÄÖµ

Öµ ÃèÊö
auto ĬÈÏ¡£Èç¹û±ØÒªÔòÔÚÔªËØÄÚ²¿²åÈë·ÖÒ³·û¡£
avoid ±ÜÃâÔÚÔªËØÄÚ²¿²åÈë·ÖÒ³·û¡£

ʵÀý

±¾Àý±ÜÃâÔÚ id Ϊ p2 µÄ¶ÎÂäÖÐµÄ page-break£º

<html>
<head>
<script type="text/javascript">
function setPageBreak()
{
document.getElementById("p2").style.pageBreakInside="avoid";
}
</script>
</head>
<body>

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

<input type="button" onclick="setPageBreak()"
value="Set page to not break inside the second paragraph" />

<p id="p2">This is also a test paragraph. We need some
more text here. This is just filler text.</p>

</body>
</html>

HTML DOM Style ¶ÔÏó

VUE