CSS控制表格打印

2020-01-27 14:19:52

字体：大中小

来源：转载

供稿：网友

CSS控制表格打印的例子，每页都可以显示表头和表尾，用CSS来实现打印控制，一个CSS与打印相关的例子，有需要的就参考下吧，不多说了，因为我不太懂这方面，感谢大家分享代码。

<title>CSS控制表格打印的例子<title><style>@media print{INPUT {display:none}}</style><TABLE border="0" style="font-size:9pt;" width="300px" align="center"><THEAD style="display:table-header-group;font-weight:bold"><TR><TD colspan="2" align="center" style="font-weight:bold;border:3px double red">每页都有的表头</TD></TR></THEAD><TBODY style="text-align:center""><TR><TD>表格内容</TD><TD>表格内容</TD></TR><TR><TD>表格内容</TD><TD>表格内容</TD></TR><TR><TD>表格内容</TD><TD>表格内容</TD></TR><TR><TD>表格内容</TD><TD>表格内容</TD></TR><TR><TD>表格内容</TD><TD>表格内容</TD></TR><TR><TD>表格内容</TD><TD>表格内容</TD></TR><TR style="page-break-after:always;"><TD>表格内容</TD><TD>表格内容</TD></TR><TR><TD>表格内容</TD><TD>表格内容</TD></TR><TR><TD>表格内容</TD><TD>表格内容</TD></TR><TR><TD>表格内容</TD><TD>表格内容</TD></TR><TR><TD>表格内容</TD><TD>表格内容</TD></TR><TR><TD>表格内容</TD><TD>表格内容</TD></TR><TR><TD>表格内容</TD><TD>表格内容</TD></TR><TR style="page-break-after:always;"><TD>表格内容</TD><TD>表格内容</TD></TR><TR><TD>表格内容</TD><TD>表格内容</TD></TR><TR><TD>表格内容</TD><TD>表格内容</TD></TR><TR><TD>表格内容</TD><TD>表格内容</TD></TR><TR><TD>表格内容</TD><TD>表格内容</TD></TR><TR><TD>表格内容</TD><TD>表格内容</TD></TR><TR><TD>表格内容</TD><TD>表格内容</TD></TR><TR style="page-break-after:always;"><TD>表格内容</TD><TD>表格内容</TD></TR></TBODY><TFOOT style="display:table-footer-group;font-weight:bold"><TR><TD colspan="2" align="center" style="font-weight:bold;border:3px double blue">每页都有的表尾</TD></TR></TFOOT></TABLE><input type=button value=" 打  印 " onclick="window.print()">

上一篇：CSS3仿LOGO图片阴影特效

下一篇：CSS Div背景透明文字不透明的代码

学习交流

phpwind的rewrite重写原理

phpwind的rewrite重写原理...

热门图片

猜你喜欢的新闻

猜你喜欢的关注