window.print 打印文章时设置字体及解决每页跨页截断问题

最近在用到了打印的功能，然后就出现了一个这样的问题，分页的时候最后一行不会自动换行会直接截断：

解决办法：

   //@media print只有调用打印的时候会生效@media print {  //解决断行问题 是因为我设置了页边距，目前去掉页边距就好了// @page {//   margin: 60px 0 80px;// }// 设置文章标题字体.article_content { font-size: 20px !important;}  .title { font-size: 28px !important; }.article_content {-webkit-print-color-adjust: exact;-moz-print-color-adjust: exact;-ms-print-color-adjust: exact;print-color-adjust: exact;}}

目前的解决办法只是为了让打印可用，不足的点是不能随心所欲的设置页边距，技术大牛们，有更完善的方法可以评论告诉我，让我也改进改进～

window.print 打印文章时设置字体及解决每页跨页截断问题相关推荐

关于window.print打印分页功能
平常window.print分页一般打印时用到page-break-after:always; 打印的样式设置在 <style type="text/css" media=& ...
使用window.print()打印局部页面，ifrme打印ie报错
问题: 使用window.print();打印页面,将不需要的数据隐藏,将需要的数据显示,打印完成之后将刚才隐藏的数据还原,显示的数据隐藏, 谷歌浏览器.部分ie能一气呵成, 火狐浏览器以及少数ie ...
window.print打印部分无法显示
1.window.print单选框无法显示 $("body").attr("style","-webkit-print-color-adjust: e ...
js的window.print()打印背景图片，打印背景图片无法显示
js的window.print()打印背景图片题目描述 js的window,print()打印背景图片给body加了图片地址之后,非要设置浏览器打印选项里面设置背景图形打印才行,怎么通过js去设置默 ...
page-break-after:always；解决window.print打印断页问题——已解决
今天用户提出一个关于window.print()打印的问题: 如下图所示:在打印断页的部分,会出现数据打印不全的情况.打印预览与实际打印的情况还有有所区别. 注意一点:如果想要实现window.pri ...
window.print()打印网页局部内容
用window.print()打印网页局部内容今天客户让添加个打印证照功能,直接用window.print()打印的是整个页面,而用以下方法就可以只打印证明了 <!--window.print ...
js window.print() 打印图片,图片有时候不显示
window.print() 打印网络资源图片不显示解决方法等待网络资源图片加载完成后,在打印 $(doc).find('.qrcode-down').load(function () {ifra ...
通过设置Ionic-Cli代理解决ionic serve跨域调试问题
通过设置Ionic-Cli代理解决ionic serve跨域调试问题参考文章: (1)通过设置Ionic-Cli代理解决ionic serve跨域调试问题 (2)https://www.cnblog ...
window.print()打印时根据页面高度设置居中显示、设置打印布局（纵向、横向）
1.页面定义打印div按钮:  <div style="position: absolute;top:100;right:0px;z-ind ...

window.print 打印文章时设置字体及解决每页跨页截断问题

最近在用到了打印的功能，然后就出现了一个这样的问题，分页的时候最后一行不会自动换行会直接截断：

window.print 打印文章时设置字体及解决每页跨页截断问题相关推荐

最新文章

热门文章