关于window.print打印分页功能
2023-05-22 18:23:27 202浏览
里面有个边距默认是默认值，修改为无后，就是一页了，可我不能一开始就让用户打印去改这个边距，这种体验是极其不人性化的，已是在打印样式设置里面增加 margin:0;经过不断尝试，发现，在最后一页的高度设置比平常页数低17px就可以解决，于是就针对最后一页进行样式设置减少17px，至此解决window.print打印分页问题。于是想着增加第二页打印看下效果，我滴乖乖，好了，结果两页的页面又多出了一页。但现在我想动态打印分页，至内容一页时打印一页，内容两页时打印两页。
平常window.print分页一般打印时用到page-break-after:always;
打印的样式设置在
<style type="text/css" media="print"></style>进行设置
但现在我想动态打印分页，即内容一页时打印一页，内容两页时打印两页。。。
现在我想控制每页的宽高，我们可以在打印样式中设置
@page{
size: 1000px 1414px;
}
设置后，本来只有一页的1414高度，结果老是打印出两页；于是就思考怎玩意怎么多出来的，结果试了很多都没有用，最后在打印时注意到有
里面有个边距默认是默认值，修改为无后，就是一页了，可我不能一开始就让用户打印去改这个边距，这种体验是极其不人性化的，已是在打印样式设置里面增加 margin:0;
@page{
margin: 0;
size: 1000px 1414px;
}
完美解决了
于是想着增加第二页打印看下效果，我滴乖乖，好了，结果两页的页面又多出了一页。
经过不断尝试，发现，在最后一页的高度设置比平常页数低17px就可以解决，于是就针对最后一页进行样式设置减少17px，至此解决window.print打印分页问题。
好博客就要一起分享哦！分享海报
此处可发布评论
评论（0）展开评论
暂无评论，快来写一下吧
展开评论
您可能感兴趣的博客
