打印 页面自动翻页 分页符

最新推荐文章于 2017-05-18 16:28:37 发布
最新推荐文章于 2017-05-18 16:28:37 发布
阅读量163 收藏
点赞数
分类专栏： Web前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/iteye_11350/article/details/82507456
版权 
<style type="text/css">
/* 自定义div滚动条样式 */
.scrollDiv {
  background-color:white;
  overflow-x:hidden;
  overflow-y:auto;
  scrollbar-face-color : #EDEDED;
  scrollbar-darkshadow-color : #EDEDED;
}
</style>
</head>

<body lang=ZH-CN style='tab-interval:21.0pt;text-justify-trim:punctuation'>
<div id="tableListDiv" class="scrollDiv" > 
<div class=Section1 style='layout-grid:15.6pt' align="center">

<p class=MsoNormal align=center style='text-align:center;text-indent:21.0pt'><span
lang=EN-US><o:p> </o:p></span></p>
<p class=MsoNormal align=center style='text-align:center;text-indent:21.0pt'><span
lang=EN-US><o:p> </o:p></span></p>

<s:iterator value="objList" status="sta"  id="obj">
<table class=MsoNormalTable border=1 cellspacing=0 cellpadding=0
 style='margin-left:14.85pt;border-collapse:collapse;border:none;mso-border-alt:
 solid windowtext .5pt;mso-yfti-tbllook:1184;mso-padding-alt:0cm 5.4pt 0cm 5.4pt;
 mso-border-insideh:.5pt solid windowtext;mso-border-insidev:.5pt solid windowtext'>
 <tr style='mso-yfti-irow:0;mso-yfti-firstrow:yes;height:26.8pt'>
  <td width=275 colspan=3 valign=middle style='width:203.55pt;border:solid windowtext 1.0pt;
  mso-border-alt:solid windowtext .5pt;padding:0cm 5.4pt 0cm 5.4pt;height:26.8pt'>
  <p class=MsoNormal align=center style='text-align:center;text-indent:21.0pt'>${requestScope.batch.batchName }学员证</p>
  </td>
 </tr>
 <tr style='mso-yfti-irow:1;height:30.65pt'>
  <td width=99 rowspan=4 valign=middle style='width:74.2pt;border:solid windowtext 1.0pt;
  border-top:none;mso-border-top-alt:solid windowtext .5pt;mso-border-alt:solid windowtext .5pt;
  padding:0cm 5.4pt 0cm 5.4pt;height:30.65pt'>
  <p class=MsoNormal align=center style='text-align:center;line-height:150%'><span
  style='font-size:12.0pt;line-height:150%;font-family:宋体;mso-ascii-font-family:
  "Times New Roman";mso-hansi-font-family:"Times New Roman"'>照片</span><span
  lang=EN-US style='font-size:12.0pt;line-height:150%'><o:p></o:p></span></p>
  </td>
  <td width=84 valign=middle style='width:62.9pt;border-top:none;border-left:none;
  border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
  mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid windowtext .5pt;
  mso-border-alt:solid windowtext .5pt;padding:0cm 5.4pt 0cm 5.4pt;height:30.65pt'>
  <p class=MsoNormal align=center style='text-align:center;line-height:150%'><span
  style='font-size:12.0pt;line-height:150%;font-family:宋体;mso-ascii-font-family:
  "Times New Roman";mso-hansi-font-family:"Times New Roman";mso-font-kerning:
  0pt'>项</span><span lang=EN-US style='font-size:12.0pt;line-height:150%;
  mso-font-kerning:0pt'><span style='mso-spacerun:yes'>  </span></span><span
  style='font-size:12.0pt;line-height:150%;font-family:宋体;mso-ascii-font-family:
  "Times New Roman";mso-hansi-font-family:"Times New Roman";mso-font-kerning:
  0pt'>目</span><span lang=EN-US style='font-size:12.0pt;line-height:150%;
  mso-font-kerning:0pt'><o:p></o:p></span></p>
  </td>
  <td width=92 valign=middle style='width:66.45pt;border-top:none;border-left:
  none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
  mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid windowtext .5pt;
  mso-border-alt:solid windowtext .5pt;padding:0cm 5.4pt 0cm 5.4pt;height:30.65pt'>
  <p class=MsoNormal align=center style='text-align:center;line-height:150%'><span
  lang=EN-US style='font-size:9.0pt;line-height:150%'><o:p><s:property value="#obj[1]"/></o:p></span></p>
  </td>
 </tr>
 <tr style='mso-yfti-irow:2;height:29.55pt'>
  <td width=84 valign=middle style='width:62.9pt;border-top:none;border-left:none;
  border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
  mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid windowtext .5pt;
  mso-border-alt:solid windowtext .5pt;padding:0cm 5.4pt 0cm 5.4pt;height:29.55pt'>
  <p class=MsoNormal align=center style='text-align:center;line-height:150%'><span
  style='font-size:12.0pt;line-height:150%;font-family:宋体;mso-ascii-font-family:
  "Times New Roman";mso-hansi-font-family:"Times New Roman";mso-font-kerning:
  0pt'>学员号</span><span lang=EN-US style='font-size:12.0pt;line-height:150%;
  mso-font-kerning:0pt'><o:p></o:p></span></p>
  </td>
  <td width=92 valign=middle style='width:66.45pt;border-top:none;border-left:
  none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
  mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid windowtext .5pt;
  mso-border-alt:solid windowtext .5pt;padding:0cm 5.4pt 0cm 5.4pt;height:29.55pt'>
  <p class=MsoNormal align=center style='text-align:center;line-height:150%'><span
  lang=EN-US style='font-size:7.0pt;line-height:150%'><o:p><s:property value="#obj[0]"/></o:p></span></p>
  </td>
 </tr>
 <tr style='mso-yfti-irow:3;height:29.15pt'>
  <td width=84 valign=middle style='width:62.9pt;border-top:none;border-left:none;
  border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
  mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid windowtext .5pt;
  mso-border-alt:solid windowtext .5pt;padding:0cm 5.4pt 0cm 5.4pt;height:29.15pt'>
  <p class=MsoNormal align=center style='text-align:center;line-height:150%'><span
  style='font-size:12.0pt;line-height:150%;font-family:宋体;mso-ascii-font-family:
  "Times New Roman";mso-hansi-font-family:"Times New Roman";mso-font-kerning:
  0pt'>姓</span><span lang=EN-US style='font-size:12.0pt;line-height:150%;
  mso-font-kerning:0pt'><span style='mso-spacerun:yes'>  </span></span><span
  style='font-size:12.0pt;line-height:150%;font-family:宋体;mso-ascii-font-family:
  "Times New Roman";mso-hansi-font-family:"Times New Roman";mso-font-kerning:
  0pt'>名</span><span lang=EN-US style='font-size:12.0pt;line-height:150%;
  mso-font-kerning:0pt'><o:p></o:p></span></p>
  </td>
  <td width=92 valign=middle style='width:66.45pt;border-top:none;border-left:
  none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
  mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid windowtext .5pt;
  mso-border-alt:solid windowtext .5pt;padding:0cm 5.4pt 0cm 5.4pt;height:29.15pt'>
  <p class=MsoNormal align=center style='text-align:center;line-height:150%'><span
  lang=EN-US style='font-size:12.0pt;line-height:150%'><o:p><s:property value="#obj[4]"/></o:p></span></p>
  </td>
 </tr>
 <tr style='mso-yfti-irow:4;mso-yfti-lastrow:yes;height:24.7pt'>
  <td width=84 valign=middle style='width:62.9pt;border-top:none;border-left:none;
  border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
  mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid windowtext .5pt;
  mso-border-alt:solid windowtext .5pt;padding:0cm 5.4pt 0cm 5.4pt;height:24.7pt'>
  <p class=MsoNormal align=center style='text-align:center;line-height:150%'><span
  style='font-size:12.0pt;line-height:150%;font-family:宋体;mso-ascii-font-family:
  "Times New Roman";mso-hansi-font-family:"Times New Roman";mso-font-kerning:
  0pt'>联系电话</span><span lang=EN-US style='font-size:12.0pt;line-height:150%;
  mso-font-kerning:0pt'><o:p></o:p></span></p>
  </td>
  <td width=92 valign=middle style='width:66.45pt;border-top:none;border-left:
  none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
  mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid windowtext .5pt;
  mso-border-alt:solid windowtext .5pt;padding:0cm 5.4pt 0cm 5.4pt;height:24.7pt'>
  <p class=MsoNormal align=center style='text-align:center;line-height:150%'><span
  lang=EN-US style='font-size:12.0pt;line-height:150%'><o:p><s:property value="#obj[6]"/></o:p></span></p>
  </td>
 </tr>
</table>
<p class=MsoNormal align=center style='text-align:center;text-indent:21.0pt;
line-height:150%'><span lang=EN-US><o:p> </o:p></span></p>

[color=red][size=large]<s:if test="#sta.index%4==3">
<br/>
<span lang=EN-US style='font-size: 10.5pt; mso-bidi-font-size: 12.0pt;mso-fareast-font-family:宋体;mso-font-kerning:1.0pt;mso-ansi-language:EN-US;mso-fareast-language:ZH-CN;mso-bidi-language:AR-SA; font-family:'Times New Roman''>
<br clear=all style="page-break-before:always" mce_style="page-break-before:always"/> </span>
</s:if>[/size][/color]</s:iterator>
</div>
iteye_11350
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
导出word功能，用html代码在word中插入分页符
hailan614的博客
04-14 685
<span lang=EN-US style="font-size:10.5pt;mso-bidi-font-size:12.0pt;font-family:" mce_style="font-size:10.5pt;mso-bidi-font-size:12.0pt;font-family:"Times New Roman';mso-fareast-font-family:宋体;mso-f...
js导出WORD设置分页
happygirlnan的专栏
04-14 824
网上说的直接在页面添加下面这句话不起作用，查看DOM发现 page-break-before:always被改成了break-before:page <span><br clear=all style = 'page-break-before:always' ></span> 我在导出前再插入上面的内容，就可以正确分页了。给需要插入分页的DIV加上class="pages"，如果分页已存在，则不再插入 export function exportWord(tag.
jsp 导出word 的分页实现方案
jerryisme的专栏
11-19 1804
经常导出word功能，想在jsp、html中控制word的页数、在指定的位置进行分页可以通过这段代码进行分页。   下面是一个分页的示例，简单的输入2行文本。让他们处在不同的页面：    最关键的是这段代码，它就是分页符：all style="page-break-before:always" mce_style="page-break-before:always">     pagela
用html代码在word中插入分页符和页面设置
chengyue2007的专栏
11-05 1746
&lt;span lang=EN-US style="font-size:10.5pt;mso-bidi-font-size:12.0pt;font-family:" mce_style="font-size:10.5pt;mso-bidi-font-size:12.0pt;font-family:"Times New Roman';mso-fareast-font-family:宋体;mso-...
jQuery打印指定区域Html页面并自动分页
10-25
在这种情况下，`jQuery.PrintArea.js`插件提供了一个解决方案，它允许我们指定要打印的区域，并且能够自动进行分页。这个插件特别适用于那些内容较多、需要跨多页打印的场景。 使用`jQuery.PrintArea.js`的基本步骤...
Excel表格如何分页打印自动分页取消分页等技巧.doc
11-19
二、自动分页页面设置 在Excel中，我们可以通过设置自动分页来实现自动分页打印。具体步骤如下： 1. 单击“页面布局”选项卡，单击“页边距”，选中最下面的“自定义边距”。 2. 在弹出的“页面设置”中，我们可以...
VUE打印demo，自动分页
最新发布
10-10
该插件提供了便捷的方法来处理页面的打印，包括自动分页。在项目中，我们可能需要安装这个插件（通过`npm install vue-print-nb`），然后在Vue组件中引入并使用它。例如： ```javascript import Vue from 'vue' ...
js实现打印，可以自动分页！
01-30
js打印,将数据读取到打印页面，用js截取，从而...打印的时候如果页面数据过多，打印机可以自动分页打印！我的是hp的打印机，下载的朋友可以试试！注意，本人声明：这个并不是针对于打印分页而写，只是普通的js打印！
打印自动分页.zip
06-21
"打印自动分页"是一项关键技术，它允许用户将长页面内容合理地分隔到多个打印页面，确保信息完整且易于阅读。JS（JavaScript）作为网页开发中的主要脚本语言，提供了实现这一功能的能力。本文将深入探讨JS+HTML实现...
frxReport及QuickRep分页FastReport如何打印表格式的空行小例
04-08
delphi写的frxReport及QuickRep分页FastReport如何打印表格式的空行小例
ueditor 长文章分页
tongxingjunjun123的专栏
06-27 3899
最基础的长文章分页虽然很简单，但一直没有去实践，最近没什么事情便捣鼓了一把 其实也没有说亲自去写每一行代码，网上搜索了一把，看中一哥们的一篇文章，便拿过来改吧改吧，因为是事后很久才写这个笔记，所以记不住那个文章的链接了，在此也正式的说声：抱歉，兄弟！ 长文章分页常见的有两种方式，一种是通过js,另一种是结合后台程序，根据长度做截取，但因为html标签在截取的时候容易出现标签没有闭合的情
Html 分页自动控制、分页自动生成、分页数量可控制
热门推荐
eesc55的博客
08-13 2万+
示例图片： /** * 对页面进行分页 * @param obj 页码标签对象 * @param pageCount number 总页面数 * @param pageSize number 分页大小 * @param currentPage number 当前页 */function PagingManage(obj, pageCount, pageSize, currentPag
freemarker里的分页--ftl文件
junjun56的专栏
06-25 1万+
最近打算使用freemarker完成一个论坛系统，在发帖功能中需要使用到freemarker的分页，网上看了好多，都不是我想要的那种，而且和我已经完成的东西有很大出入，没有办法，自己动手，丰衣足食，so，请看ftl文件 ${page.currentPage}/${page.pageCount} 首页
如何实现文章分页--ueditor 文章分页
chizuo1569的博客
01-08 2068
如何实现文章分页 ueditor 文章分页 将分页符 "_ueditor_page_break_tag_" 替换成<hr class="pagebreak" noshade="noshade" size="5" style="-webkit-user-select: none;"...
百度开源UEditor文本编辑器使用说明
xinyuan的专栏
09-30 5105
百度开源UEditor文本编辑器使用说明： 一、完整版的部署与体验 官网上下载完整源码包(官网下载地址http://ueditor.baidu.com/website/download.html)，解压到任意目录，解压后的源码目录结构如下所示：     _examples：编辑器完整版的示例页面     dialogs：弹出对话框对应的资源和JS文件     themes：样式图片和样式
Html5实现自己的分页加载
sqyNick
04-27 1万+
Html5实现自己的分页加载
FastReport系列-报表分页
h1534589653的博客
05-18 4782
FastReport报表分页
Excel打设置打印区域后自动分页符去哪了
03-02
在Excel中，打印区域设置之后，自动分页符默认是不会显示出来的，但它们仍然存在于工作表中。要查看分页符，请在“视图”选项卡中选择“页面布局”视图。此时，分页符将显示在工作表上，方便您进行分页设置和调整。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值