时间:2021-05-08
用CSS创建打印页面,不必为打印而专门建立一个HTML文件,可以节省一些体力,其前提是按“WEB标准”用CSS+DIV布局HTML页面。
第一、在HTML页面加入为打印机设置的CSS文件
复制代码代码如下:
<link href="css/admin.css" rel="stylesheet" type="text/css" media="screen" />
<link href="css/admin-print.css" rel="stylesheet" type="text/css" media="print" />
media="screen" ,是面向屏幕的;
media="print" ,是面向打印的;
第二、建立打印版本的页面,去除不必要的页面元素,如导航、侧栏、广告、版权等。这时就可以体现出按“WEB标准”做页面的优势了,用CSS换个版式很容易。
复制代码代码如下:
h1 span {
display: none;
}
#sidebar {
display: none;
}
#content td.ads {
display: none;
}
#content th.col2 span {
display: none;
}
#content #bottom-2 {
display: none;
}
第三、打印按钮函数,IE、Firefox均可正常打印。
复制代码代码如下:
<input type=button value="打 印 本 页" onclick="window.print()">
另外,还有一个本地版的打印页面,可以进行“打印设置”和“打印预览”,但因为此设置,网络打印需要调用IE浏览器一个控件,还需降低ActiveX控件安全,且只能在IE上运行,不实用。所以只贴一下调用代码,备份。
复制代码代码如下:
<OBJECT id=WebBrowser classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 width=0> </OBJECT>
<input type=button value="打印预览" onclick=document.all.WebBrowser.ExecWB(7,1)>
<input type=button value="页面设置" onclick=document.all.WebBrowser.ExecWB(8,1)>
<input type=button value="打印本页" onclick=document.all.WebBrowser.ExecWB(6,1)>
第四、注意事项
在打印样式中,打印字体大小是以点(pt)来计的,屏幕上字体大小显示,象素(px)比点和英尺更合适。
在打印样式中,CSS的float属性有时可能会引起一些麻烦,会造成打印页面缺失,所以尽量去除不必要块级显示。
关于打印设置,自定义页眉、页脚,我查阅了一番资料,对此CSS和HTML无法控制,只能通过调用ActiveX控件来实现,但是这样做不安全。最好方法是,打印前,你自己点击浏览器菜单进行打印设置。
CSS中还有一个可以设置分页符的标签:“page-break-after”和“page-break-before”。因为我的节日页面,表格较多,所以就没有应用这个CSS,具体效果你自己试验吧。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
excel表格打印只显示一部分内容是因为设置了部分打印区域。解决的具体步骤如下: 1、首先打开需要编辑的Excel表格,点击打开页面布局中的“打印区域”。
具体步骤如下: 第1步:打印为图像文件 使用AdobeReader打开相关的PDF文档,从“文件”菜单下执行“打印&rd
本文为大家分享了windows下pycharm安装、创建文件、配置默认模板的具体步骤,供大家参考,具体内容如下步骤:下包—->安装——>创建文件—->定制模板一
具体步骤如下: 1、首先找到桌面的word图标,双击打开新建一个空白文档,点击创建; 2、找到word选项;切换到高级这块; 3、找到显示的选项; 4、
主要思想:Forms身份验证用来判断是否合法用户,当用户合法后,再通过用户的角色决定能访问的页面。具体步骤:1、创建一个网站,结构如下:网站根目录Admin目录