网页打印之分页打印,去掉页码
一,打印内容分页
打印时,隐藏不需要的页面元素
测试打印时,如何模拟打印,不浪费纸张,
如果需要将一个页面向分成多页打印,就要用到CSS样式表元素page-break-after。该元素功能与Word中的分页符类似,是用于网页的分页符。不过在Word中,分页符可以很明显的分隔两页面。如果在网页中使用page-break-after元素,只有在打印预览时,才能看到分隔效果。
先看一段代码,打开测试页面(print.htm),点击IE的文件-->打印预览,看看预览页面与实际页面,有没有什么区别。然后,我在下文小做解释。
以下是引用片段:
<html> <head> <title>printer</title> <meta content="text/html;charset=gb2312" http-equiv="content-type"></meta> <!-- 两个样式表定义块必须分开,因为style标签的属性不同 --> <style> .PageNext{page-break-after: always;}<!--控制分页--> .style8 {font-size: medium; color: #000066; } </style> </head> <body leftmargin="0" topmargin="0" rightmargin="0" bottommargin="0"> &l
网页打印之分页打印,去掉页码相关推荐
- HTML 网页打印实现分页打印功能
<html><head><title>页面打印</title><!--media=print 这个属性在打印时有效 有些不想打印出来的分页打印的都 ...
- HTML网页打印实现分页打印功能
<html><head><title>页面打印</title><!--media=print 这个属性在打印时有效 有些不想打印出来的分页打印的都 ...
- IE调用WebBrowser控件实现WEB打印、分页打印、无预览打印
WebBrowser控件 WebBrowser ActiveX 控件提供托管的包装. 托管的包装便可以在 Windows 窗体客户端应用程序中显示网页. 你可以使用WebBrowser控件重复中你的应 ...
- vue 打印(分页打印)
最近项目中碰到一个需求,需要前端预览打印当前页面的内容,但是在打印的时候需要分页打印,想了很多办法,最后解决,在这做一个分享. 首先是打印,网上有很多方法,这里面我用的是一个插件 vue-print- ...
- 网页打印问题,打印设置,打印预览,打印分页,纵打,横打及页面的边距
1.控制"纵打". 横打"和"页面的边距 (1) <object id="factory" style="display ...
- js实现网页打印分页打印
web打印思路:html页面本身带有打印功能window.print() 但是在打印时又不能word模板的要求来打印不能满足打印需求.同时我们打印的数据有时候是动态变化的需要按模板来打印我的处理方式是 ...
- html如何设置打印分页打印出来,网页中如何用 CSS 设置打印分页符
Word 中按 Ctrl + Enter 创建一个分页符,方便打印,其实网页中也可以,用 CSS 的 page-break-after:always;. 第 1 页 第 2 页 第 3 页 任何浏览器 ...
- vue 打印功能 调用原生print,带(去掉页眉页脚)分页打印
安装 vue-print-nb插件 npm install vue-print-nb --save 安装完成后 在页面引入 import Print from 'vue-print-nb' </ ...
- c-lodop自定义分页打印
方式一: <div style='page-break-after: always;'></div> 今天因为要批量打印,而且好要分页打印,所以为了这个打印分页,我和同事在网上 ...
最新文章
- .java编写一个梯形类lader_能够完成相关计算above为高_【Java】编写一个应用程序计算梯形和圆形的面积...
- Linux内核--网络协议栈深入分析(一)--与sk_buff有关的几个重要的数据结构
- 敲黑板了!网络推广软件教你如何有效提高网站权重?
- 从零开始的51单片机——VsCode+EIDE环境搭建
- SharePoint List item数量超过5000的解决办法
- OpenCV-Mat笔记
- java ssm框架做增删改查,使用SSM框架组合实现增删改查的功能
- 59. DNS 服务器
- epcs1s是epcs1系列的么_串行FLASH配置芯片(EPCS1或EPCS4)数据手册.pdf
- 解决:WPS文字行末是英文单词时自动换行问题
- ppm/℃是什么单位?什么意思?
- 基于STM32F407格式化SD卡
- java正则表达式验证标点符号
- 中国天气网api接口
- mysql-8.0.31-winx64详细安装教程
- 百度云盘API文件上传参数详解
- 错误处理机制perror的详解
- 标致与Almotive合作,推时速达130km的Level4自动驾驶汽车
- 青语易呼电销机器人源码独立部署搭建步骤
- S32K144(7)UART