CreateTime--2017年9月26日08:16:04
Author:Marydon
css控制打印时只显示指定区域
思路:
1.使用打印命令@media print;
2.控制执行打印命令时,非打印区域隐藏。
CSS代码
<style type="text/css">
/* 执行打印命令时,非打印区域隐藏(不会被打印出来) */
@media print{
#noPrintDiv {
display:none;
}
}
</style>
HTML代码
<!-- 需要打印的区域 Start -->
<div id="printDiv">
打印时显示
</div>
<!-- End 需要打印的区域 -->
<!-- 不需要打印的区域 Start -->
<div id="noPrintDiv">
打印时不显示
</div>
<!-- End 不需要打印的区域 -->