用Css指定打印标签

有两个地方需要注意:
1.CSS的@media print {}里面添加不需要打印(display:none) 和 要打印(display:block) 的DIV;
2.如果页面有导航条的话,最好给页面的导航条一个id,这样在打印的时候,才不会出现导航条

  <style>@media print {/*指定不显示的div*/.doc-comment {display: none;}/*指定显示的div*/.startPrinting {display: block;} </style>

用Css指定位置分页

page-break-before(指定元素前添加分页符)

CSS page-break-after 属性


@media print {h1 {page-break-before: always;}

web页面打印 用Css 打印指定div 指定位置分页相关推荐

  1. 批量打印html文档,web页面的单页打印以及批量打印实现方法

    打印事件:window.print() 1.单页打印(布局打印): function printCnt(){ //1.获取当前页的html代码 var body = window.document.b ...

  2. html批量打印,web页面的单页打印以及批量打印实现方法

    打印事件:window.print() 1.单页打印(布局打印): function printCnt(){ //1.获取当前页的html代码 var body = window.document.b ...

  3. html打印预览出现重叠,html – 使用打印模式css打印网页时页眉和正文内容重叠...

    我必须在每个页面打印带有自定义标题的网页, 下面是我的打印媒体CSS代码 @media screen { header.onlyprint, footer.onlyprint,.watermark{ ...

  4. html打印在一页面布局,html – CSS打印布局 – 单页打印

    我被卡住了,SO档案没有帮助我.也许我在错误的地方看.这是一个简短的故事: >我有一个看法,我需要打印在一个完整的页面.我不能有第二页,我需要它在页面上尽可能大. >解决方案必须具有合理的 ...

  5. css怎样给网页加页脚,在移动Web页面中使用CSS固定页脚

    一种单页应用的页面结构 面向移动端的单页应用(Single Page Web Application),从页面代码上来说,会使用较一般网页不同的结构.单页应用并不是说应用只需要一个视图,而是说可以将组 ...

  6. Jquery页面滚动条向下拉到div的位置时,此div就固定在顶部,向上拉时返回原位置

    Div在网页打开时固定在某个位置(不一定是网页的最顶端),当滚动条向下滚动时,页面的顶部到达此div位置后,此div就固定在网页的最顶部跟随移动,当滚动条向上滚动时,页面顶部高过此div原来的固定位置 ...

  7. js一键批量打印_web页面的单页打印以及批量打印实现方法

    本文主要和大家分享web页面的单页打印以及批量打印实现方法,希望能帮助到大家. 打印事件:window.print() 1.单页打印(布局打印):function printCnt(){ //1.获取 ...

  8. 开源 java CMS - FreeCMS2.6 Web页面信息采集

    2019独角兽企业重金招聘Python工程师标准>>> java开源论坛系统http://javabbs.javaz.cn 项目地址:http://www.freeteam.cn/ ...

  9. java 采集 cms_开源 java CMS - FreeCMS2.3 Web页面信息采集

    Web页面信息采集 从FreeCMS 2.1开始支持 通过简单配置即可抓取目标网页信息,支持增量式采集.关键字替换.定时采集,同一采集规则可采集多个页面(静态和动态),可采集多种信息属性,可自动审核且 ...

最新文章

  1. 匹配3位或4位区号的电话号码,其中区号可以用小括号括起来,也可以不用,区号与本地号间可以用连字号或空格间隔,也可以没有间隔...
  2. C++回声服务器_5-多进程版本
  3. mysql中concat函数的使用相关总结
  4. 计算机接口实验1,计算机接口技术实验一.doc
  5. 如何防止google colab 掉线
  6. GridView 控件的执行顺序
  7. 消息队列—主要消息中间件优势对比
  8. 1、rbac权限组件-初识, 中间件校验1
  9. 语音识别在智能交通中的几种应用分析
  10. RestEasy传值方式
  11. 磁盘上没有足够的空间完成此操作_Win10硬盘怎么分区?Win10系统下新建磁盘分区图解教程...
  12. C-Free5.0破解码
  13. 分形、混沌理论、集异璧之大成
  14. Oracle表添加时间字段(执行insert、update时,时间字段自动插入当前系统时间)
  15. 知我者谓我心忧,不知者谓我何求!
  16. 深入浅出Direct3D 蔡军生 版权所有
  17. 机器学习入门项目——加州房价预测
  18. 索引颜色图模式和LAB颜色模式区别
  19. PPPOE拨号691的问题
  20. 一个通证经济典型案例——移动广告矿机

热门文章

  1. 横河、力科、泰克三种示波器的触发功能对比
  2. 磊科NW705S的Qos设置
  3. Avast 2017发布安全新功能:杀毒更高效,玩游戏更畅快
  4. linux7怎么卸载vnc,Centos 7 安装VNC步骤
  5. e297: write error in swap file
  6. 2021年计算机保研(中科院网络信息中心+南开+北师大ai+北理网安+北交计院)
  7. 微软活动目录墓碑时间
  8. layui做折线图_图表-折线图的实现
  9. PolSARpro v6.0.2 处理Sentinel-1A数据
  10. 为要混一口饭吃(乱改徐志摩为要寻一个明星)