简单教程
提交运行
代码编辑器:
<script> function ChangeWidows(){ document.getElementById("p1").style.widows=document.getElementById("widows").value; } </script> <style> .othercontent{ width:400px; border-top:19cm solid #c3c3c3; } @page{ /* 设置打印页面大小 */ size:21cm 27cm; margin-top:2cm; } @media print{ .widows{ widows:2; } } </style> <div class="othercontent"> <input id="widows" value="2"/> <button onclick="ChangeWidows();">修改窗口</button> <p style="font-size:120%" id="p1"> 修改窗口并且查看打印预览<br> Line 2<br> Line 3<br> Line 4<br> Line 5<br> Line 6<br> Line 7<br> Line 8<br> </p> <div class="othercontent"></div> </div>
运行结果: