要分页的话用这个就可心啦
<HTML>
<HEAD><TITLE>Dynamic Styles: Page Breaking</TITLE>
<STYLE>
DIV.page { page-break-before: always }
</STYLE>
</HEAD>
<BODY>
.
content on page 1
.
<DIV CLASS=page>
.
content on page 2
.
</DIV><DIV CLASS=page>
.
content on page 3
.
</DIV><DIV CLASS=page>
.
content on page 4
.
</DIV>
</BODY>
</HTML>
<HTML>
<HEAD><TITLE>Dynamic Styles: Page Breaking</TITLE>
<STYLE>
DIV.page { page-break-before: always }
</STYLE>
</HEAD>
<BODY>
.
content on page 1
.
<DIV CLASS=page>
.
content on page 2
.
</DIV><DIV CLASS=page>
.
content on page 3
.
</DIV><DIV CLASS=page>
.
content on page 4
.
</DIV>
</BODY>
</HTML>
预览没问题,但是这些层是绝对定位的,实现不了用css分页打印,代码如下:
<HTML>
<HEAD><TITLE>Dynamic Styles: Page Breaking</TITLE>
<STYLE>
.page { page-break-after: always }
</STYLE>
</HEAD>
<BODY>
<DIV CLASS=page style="TABLE-LAYOUT: fixed; DISPLAY: block; FONT-SIZE: 12px; LEFT: 56px; WIDTH: 510px; WORD-BREAK: break-all; POSITION: absolute; TOP: 3px; HEIGHT: 3px">
.
content on page 1
.
</Div>
<DIV CLASS=page style="TABLE-LAYOUT: fixed; DISPLAY: block; FONT-SIZE: 12px; LEFT: 56px; WIDTH: 510px; WORD-BREAK: break-all; POSITION: absolute; TOP: 14px; HEIGHT: 3px">
content on page 2
</DIV><DIV CLASS=page style="TABLE-LAYOUT: fixed; DISPLAY: block; FONT-SIZE: 12px; LEFT: 56px; WIDTH: 510px; WORD-BREAK: break-all; POSITION: absolute; TOP: 25px; HEIGHT: 3px">
.
content on page 3
.
</DIV><DIV CLASS=page style="TABLE-LAYOUT: fixed; DISPLAY: block; FONT-SIZE: 12px; LEFT: 56px; WIDTH: 510px; WORD-BREAK: break-all; POSITION: absolute; TOP: 43px; HEIGHT: 3px">
.
content on page 4
.
</DIV>
</BODY>
</HTML>如果这样的话,就不能实现分页,请问有没有更好的解决方法,或者针对绝对定位的分页
<input type=button onCLick="javascript:wb.ExecWB(8,1)" value="打印设置">
<input type=button onCLick="javascript:wb.ExecWB(10,1)" value="查看页面属性">
<input type=button onCLick="javascript:wb.ExecWB(45,1)" value="关闭">
-----------------
但是我不知道如何去分页