最近的项目中用到web页面的打印 简单的说 也就是javascrip中的window.print();实现的 但是在复杂的页面中总需要对打印格式
和分页做一些简单的控制 有些简单的样式如下：
打印页
<head runat="server">
<title>无标题页</title>
<style type="text/css">
body
{
font-size:12px;//字体设置
}
</style>
<style media="print" type="text/css">//打印时 采用的样式
.PageNext{
page-break-after:always;
}
.Noprint{
display:none;
}
</style>
<script type="text/javascript">
function Myprint()
{
window.print();
}
</script>
</head>
<body>
<div class="Noprint" style="text-align: center;">
<input type="button" title="打印" value="打印" οnclick="Myprint();" /></div>
<div id="dvContent">
<table>
<thead style="display:table-header-group;"><tr><td>打印每一页都有的头部内容</td></tr></thead>
<tbody>
<tr><td>第一页的内容<div class="PageNext"></div></td></tr>
<tr><td>第二页的内容</td></tr>
</tbody>
<tfoot style="display:table-header-group;"><tr><td>打印每一页都有的尾部内容</td></tr></tfoot>
</table>
</body>
注：有时需要把强制分页的div转成服务器控件 然后在后台代码中动态去改变它是否隐藏 来控制强制分页的数量
扫一扫
2万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
