关于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打印分页问题。

关于window.print打印分页功能相关推荐

打印分页，window.print() 打印分页
在你需要分页的位置加上 <div style="page-break-after: always"> </div>
使用window.print()方法分页打印
使用window.print()方法分页打印只需要在每页中增加以下样式属性 style="page-break-after:always" 例如 <div style=&q ...
page-break-after:always；解决window.print打印断页问题——已解决
今天用户提出一个关于window.print()打印的问题: 如下图所示:在打印断页的部分,会出现数据打印不全的情况.打印预览与实际打印的情况还有有所区别. 注意一点:如果想要实现window.pri ...
window.print()打印网页局部内容
用window.print()打印网页局部内容今天客户让添加个打印证照功能,直接用window.print()打印的是整个页面,而用以下方法就可以只打印证明了 <!--window.print ...
window.print打印部分无法显示
1.window.print单选框无法显示 $("body").attr("style","-webkit-print-color-adjust: e ...
使用window.print()打印局部页面，ifrme打印ie报错
问题: 使用window.print();打印页面,将不需要的数据隐藏,将需要的数据显示,打印完成之后将刚才隐藏的数据还原,显示的数据隐藏, 谷歌浏览器.部分ie能一气呵成, 火狐浏览器以及少数ie ...
js的window.print()打印背景图片，打印背景图片无法显示
js的window.print()打印背景图片题目描述 js的window,print()打印背景图片给body加了图片地址之后,非要设置浏览器打印选项里面设置背景图形打印才行,怎么通过js去设置默 ...
js window.print() 打印图片,图片有时候不显示
window.print() 打印网络资源图片不显示解决方法等待网络资源图片加载完成后,在打印 $(doc).find('.qrcode-down').load(function () {ifra ...
html 多个分页连续打印机,web使用window.print()实现分页批量打印。
写了有关于web客户端打印物料条码的功能.想着以后可能会用到,就把他给写下来了. 主要参考了:https://blog.csdn.net/ww130929/article/details/719771 ...

关于window.print打印分页功能

关于window.print打印分页功能相关推荐

最新文章

热门文章