有的时候做的项目需要打印功能，而我们通常使用的iframe框架，需要打印某个iframe里面的内容而不是全部浏览器的，这时候我们的解决办法如下：
隐藏不打印的页面元素和分页
CSS 有个Media 属性，可以分开设置打印和显示的格式。
如 <style media="print" type="text/css"> …</style> 中间的格式将只在打印时起作用，不会影响显示界面。
所以可以设定
<style media="print" type="text/css">
.Noprint{display:none;}
.PageNext{page-break-after: always;}
</style>
然后给不想打印的页面元素添加： class="Noprint" ，那就不会出现在打印和打印预览中了。
想分页的地方添加： <div class="PageNext"></div> 就可以了。
例如以下实例：
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>骐记香港茶餐厅员工管理系统</title>
</head>
<style media="print" type="text/css">
.Noprint{display:none;}
.PageNext{page-break-after: always;}
</style>
<frameset rows="63,*,23" frameborder="no" border="0" framespacing="0">
<frame src="top.aspx" name="topFrame" scrolling="No" noresize="noresize" id="topFrame" class="Noprint" />
<frame src="center.html" name="mainFrame" id="mainFrame" />
<frame src="down.aspx" name="bottomFrame" scrolling="No" noresize="noresize" id="bottomFrame" class="Noprint" />
</frameset>
<noframes>
<body>
<form id="form1" runat="server">
</form>
</body>
</noframes>
</html>
那么在打印的时候，他将打印center.html里面的内容，如果对你们有帮助别忘了回复哦，小胡设计室
- 本文标题： iframe框架打印预览问题的解决方案
- 文章分类：【HTML/CSS】
- 非特殊说明，本文版权归【胡同里的砖头】个人博客 所有，转载请注明出处.