html 打印

阅读量：6721 次

发布时间：2019-06-25

本文共 2892 字，大约阅读时间需要 9 分钟。

【转载，出处未知，】，红色内容已测试，其余未测试。

在打印HTML页面时控制分页

2011年12月22日星期四下午 9:31

打印分页功能:

page-break-after, page-break-before

根据资料上的说法,应该是这么用的:

.pageEnd {page-break-after:always}

</style>

然后在需要强制分页的地方用:

IE与FF的分页打印问题

前几天遇到个问题，不大，但很头痛，原因是一个HTML页面中的table太大了，打印出来自动分页显示。在IE中不会有问题，在FireFox中出现跨页部分的table丢失问题。

解决办法是在使用PAGE-BREAK-AFTER属性（强制分页），并应用<style media="print">（将style只应用于打印输出）。具体如下

....

.diss {display:none;}

</STYLE>

.diss {display:block;height:1px;}

.PageEnd { PAGE-BREAK-AFTER: always;}

</style>

<!--[if IE]>

.diss {display:none;}

.PageEnd {}

</style>

<![endif]-->

........

<body>

.....

<table>

........

如何在打印HTML页面时控制分页

最近在开发中碰到这个问题, 开始一直没想到合适的解决方法, 后来有人提醒用CSS试试. 马上去查资料,发现CSS中有这个功能:

page-break-after, page-break-before

根据资料上的说法,应该是这么用的:

br.pageEnd {page-break-after:always}

</style>

然后在需要强制分页的地方用:

在打印HTML页面时控制分页

1, 如果以<table>标签间隔，用<div style="page-break-after: always"></div>实现

2, 如果以<tr>间隔，在要分页的地方用<tr style="page-break-after: always">实现

不过我用第2种方法后，虽然可以分页，但第2页上面的第一个tr的上边框不显示，怪

CSS2 打印参考

http://www.w3school.com.cn/css/css_ref_print.asp

有时候当我们需要把页面中一张太长的表格分成几页输出,并保证每一页的表格都能保留表头(或者包括表尾).也有时候我们需要控制表格中某一个包含内容比较多的行直接输出在下一页,以免这一行的内容被分割成两页.

在这种情况下,我们就需要用到CSS样式表来设置表格内行的style,从而达到我们想要的打印输出效果.

<html>

<head>

</head>

<body>

<tr>

每页都有的表头

</td>

</tr>

</thead>

<tbody>

<td>在这个之后分页</td>

</tr>

<tr>

<td>在这个之前分页</td>

</tr>

</tbody>

<tr>

每页都有的表尾

</td>

</tr>

</tfoot>

</table>

</div>

</body>

</html>

你可能感兴趣的文章

[一文一命令]cat命令详解

查看>>

httpd启动报错httpd: Could not reliably determine the server's fully qualified domain name

查看>>

http://developer.51cto.com/art/201104/255729.htm

查看>>

CAS实现SSO单点登录原理

查看>>

Beyond Compare 移除使用期限制

查看>>

我的友情链接

查看>>

SCCM2007系列教程之八操作系统XP部署（4）

查看>>

docker certificate signed by unknown authority

查看>>

Quartz在Spring中如何动态配置时间

Spring Cloud（二）Consul 服务治理实现