HTML网页打印 style="page-break-after:always;" 总有一张空白页_随笔

比如你想打印A4尺寸（210mm x 297mm）,必须把页面控制在这个大小不能超过一点，否则就会多出一页。多出的原因主要是magin,padidng。这些可以通过resert样式解决。还有一点，border-top，border-bottom尽量不用，这会增加页面高度，造成多出一页的情况。如果用了，应该将容器的高度减去这些高度。

HTML有多余的空白部分是因为body的高度设置过大。

<html>

<head>

</head>

document.getElementById("div1").style.height=document.body.style.height

alert(document.getElementById("div1").style.height)

//如果body，没有设置样式，这个高度就为空

document.getElementById("div1").style.height=document.body.clientHeight

alert(document.getElementById("div1").style.height)

//如果设置了样式，offsetHeight就等于样式的height否则等于clientHeight

document.getElementById("div1").style.height=document.body.offsetHeight

alert(document.getElementById("div1").style.height)

</script>

</body>

</html>

欢迎分享，转载请注明来源：内存溢出

原文地址: https://outofmemory.cn/zaji/7239465.html

HTML网页打印 style="page-break-after:always;" 总有一张空白页

发表评论

评论列表（0条）