html打印指定区域

一、CSS设置打印区域

@media print {.topcon, .header, .navbar, .footer, .position, .wzfbxx, .wzbot, .scan_code_box {display: none;}.secnr {border: 0;}a[href]:after {content: none !important;}
}

二、打印按钮

<a href="javascript:window.print();">【打印此页】</a>

使用windows快捷键ctrl+p也同样适用。

三、遇到问题

问题：打印页面多出一页空白页
解决办法：
（1）排查html、body高度是否为固定值（或100%）

html,body {font-family:微软雅黑,Microsoft yahei;font-size:14px;background: #fff;min-width: 1200px;width:100%;height:100%;}

改为：

html,body {font-family:微软雅黑,Microsoft yahei;font-size:14px;background: #fff;min-width: 1200px;width:100%;height:auto;}

(2) 排查需要打印的元素后是否存在强制分页

<!-- 需要打印的元素之后，增加以下内容可强制分页，若取消强制分页，删除以下内容或将属性值改为avoid -->
<div style='page-break-after:always'></div>

html打印指定区域相关推荐

js 打印出来的节点多了m_前端实用技术分享—用Vue实现打印指定区域
今天小编在代课的时候,发现很多刚刚接触前端领域的同学还不太清楚如何实现用户区域打印,网上的很多博客也只是只贴出了解决代码,但或许并不帮助大家了解其到底是什么意思. 小编今天就具体的来给讲一讲如何在vu ...
Excel使用技巧：如何打印指定区域？如何设置禁止打印？
我们在打印Excel表格的时候,有时候只需要打印部分内容,那如何设置Excel打印选定的区域呢?如果不想他人随意打印表格,又该如何设置呢?下面小编就来分享一下设置的方法. Excel打印指定区域(方法 ...
html打印指定区域内容,js print打印网页指定区域内容
比较简单的办法使用CSS,定义一个.noprint的class,将不打印的内容放入这个class内. 细如下: 代码如下 .noprint{visibility:hidden} 要打印的内容.哈哈! ...
网页上实现打印指定区域的方法实现
通过单击页面按钮,便实现页面打印指定区域内容的方法. <!doctype html> <html> <head> <meta charset="ut ...
jquery打印html页面自动分页,jQuery打印指定区域Html页面并自动分页
最近项目中需要用到打印HTML页面,需要指定区域打印,使用jquery.PrintArea.js 插件用法: $("div#printmain").printArea(); 但还 ...
JS打印指定区域内容
/*将页面内要打印的内容加入中间XXXXX,再加个打印按纽 οnclick=preview(1)*/ fun ...
html 打印指定区域并去掉页眉、页脚，设置打印布局（纵向、横向）
<style type="text/css"> table{font-size:18px; border-collapse:collapse; text-align: ...
在html页面中怎么打印区域,网页打印代码，可以打印指定区域的
满意答案 gba369 2013.05.30 采纳率:42% 等级:12 已帮助:4456人 (一) 一般我们用到网页的打印,都仅对页面上的主要内容感兴趣,一些相关的广告图片.无用的文字信息等都 ...
js网页打印指定区域内容
方法一: <script language="javascript" type="text/javascript"> function printp ...

html打印指定区域

html打印指定区域

一、CSS设置打印区域

二、打印按钮

三、遇到问题

html打印指定区域相关推荐

最新文章

热门文章