怎样使用 css 的@media print控制打印

百科常识
令狐小天
2023-02-01 02:41:40
1

今天宠物迷的小编给各位宠物饲养爱好者分享css 打印设置的宠物知识，其中也会对怎样使用 css 的@media print控制打印(css控制打印样式)进行专业的解释，如果能碰巧解决你现在面临的宠物相关问题，别忘了关注本站哦，现在我们开始吧！

怎样使用 css 的@media print控制打印

IE打印设置中默认的页眉和页脚的含义，而且可以对上述代码进行组合使用来设置自己喜欢的打印设置。这里我们所要说的并不单单是这些，大家设想一下我们开发了一个基于B/S结构的系统，其中有报表的部分，我们不能让每个客户端都自己去设置IE的打印设置，因此我们需要在程序中控制这些设置。下面我们用VBScript脚本写一个函数通过修改注册表键值来达到控制页面设置的目的，代码如下：

script language="VBScript">

dim path, reg

'path存放IE打印设置的注册表地址, reg存放WScript.Shell组件的对象

path = "HKEY_CURRENT_USER\Software\Micro-soft\Internet Explorer\PageSetup"

'通过注册表修改打印设置，只修改页眉、页脚和各边界的值

'参数说明：header--页眉，footer--页脚，margin_left--左边界

'margin_top--上边界，margin_right--右边界，margin_bottom--下边界

'页边距的设置中 1对应25.4mm，即margin_left=1表示实际值的25.4mm

function pagesetup(header, footer, margin_left, margin_top, margin_right, margin_bottom)

On Error Resume Next

Set reg = CreateObject("WScript.Shell")

if err.Number>0 then

MsgBox "不能创建WScript.Shell对象！"

exit function

end if

reg.RegWrite path+"\header", header'设置页眉

reg.RegWrite path+"\footer", footer '设置页脚

reg.RegWrite path+"\margin_left", margin_left'设置左边界

reg.RegWrite path+"\margin_top", margin_top'设置上边界

reg.RegWrite path+"\margin_right", margin_right'设置右边界

reg.RegWrite path+"\margin_bottom", margin_bottom'设置下边界

end function

/script>

程序中可以再写一个函数（可用VBscript或javascript脚本写）先调用该函数，然后再调用window.print()实现打印，这里就不给出代码了。细心的读者一定发现了这样打印出来的页面会有打印按钮在上面，而且分页是IE打印控件根据纸张大小分出来的，下面我们介绍一种方法来控制分页和打印按钮的显示。该方法是利用CSS样式表来控制这些设置，因为在样式表中有一个“media=print”属性，该属性只有在打印的时候才会起作用，因此可以实现对打印按钮和分页的控制，具体做法如下：

style media=print>

.noprint{display:none;}

.pagenext{page-break-after: always;}

/style>

只要在打印按钮中加入代码class="noprint"，而在需要分页的地方加入代码 div class="pagenext"> /div>就可以了。到目前为止我们的打印功能已经比较完善了，但是还没有打印预览和直接打印的功能，一般用户在打印之前都会预览一下，如果没有问题就直接打印了。下面我们通过IEWebBrowser组件来实现这两个功能。

首先创建IEWebBrowser对象：

object id=WebBrowser classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 width=0 height=0> /object >

然后通过不同参数调用ExecWB方法实现打印预览和直接打印功能：

WebBrowser.ExecWB(6,1); //打印

WebBrowser.ExecWB(6,6); //直接打印

WebBrowser.ExecWB(7,1); //打印预览

js怎样控制打印的分页？

你这个和JS没关系，是CSS控制的内容，
比如footer后打印分页
@media print {
footer {page-break-after: always;}
}
另外CSS即使没有分页，如果页面满了也会自动分页或者截断，这个控制不了的。

怎样使用 css 的@media print控制打印

New Document
//这表示是在打印时的样式 .noprint { display: none;font-size:19px;COLOR: blue; }
//这表示是在屏幕显示时的样工 .print {font-size:19px;COLOR: red; }
打印部分不打印,但可以看部分
==================================================================== @media版本：CSS2　兼容性：IE5+
语法：
@media sMedia { sRules }
说明：
sMedia : 　指定设备名称。请参阅附录：设备类型 sRules : 　样式表定义
指定样式表规则用于指定的设备类型。请参阅link对象的media属性（特性）。
示例：
// 设置显示器用字体尺寸 @media screen { BODY {font-size:12pt; } }
// 设置打印机用字体尺寸 @media print { @import "print.css" BODY {font-size:8pt;} }
=====================================================================
Media Types 设备类型
Media Type 设备类型 CSS Version 版本 Compatibility 兼容性 Description 简介 all CSS2 IE4+ 用于所有设备类型 aural CSS2 NONE 用于语音和音乐合成器 braille CSS2 NONE 用于触觉反馈设备 embossed CSS2 NONE 用于凸点字符（盲文）印刷设备 handheld CSS2 NONE 用于小型或手提设备 print CSS2 IE4+ 用于打印机 projection CSS2 NONE 用于投影图像，如幻灯片 screen CSS2 IE4+ 用于计算机显示器 tty CSS2 NONE 用于使用固定间距字符格的设备。如电传打字机和终端 tv CSS2 NONE 用于电视类设备

html页面，A4纸竖向打印，网页页面的宽度应该设置成多少？

首先要说明一下： px 是像素，相对于屏幕的分辨率，是相对值 mm 是即毫米，是绝对值，因为，不同屏幕有不同的像素密度比，所以两者是不可转换的。 A4纸的尺寸是210*297mm。竖向打印，你需要把html页面的内容设置成210mm的宽度。下面如何设置CSS：选中要打印的的DIV，点击右侧的CSS属性面板“+”号，新建样式输入CSS样式名，确定在CSS样式分类处选择“方框”，在右侧的“width”后填入“210”，后面的单位一定要选择“mm”。确定。我们查看代码视图里的原代码多了“width:210mm”这里再打印，就可以正常显示了。

css打印样式表第二页顶间距出现问题

把上边元素设置height就会自动出现padding了. 现在是都以body-top为边距,所以有的元素会找不到padding的基线.

怎样将word文档中的部分文字在打印时隐藏而在word中是不隐藏的

先选中要打印的内容,然后选择文件\打印\页面范围\所选内容

如果你要打印的是连续的内容，可以：选中要打印的内容－》快捷键Ctrl+p或者文件－》打印，进入打印页面－》在“页面范围”里选择“所选内容”，确定。

如何用CSS进行网页布局

一、选择“div标签”命令
打开dreamweaver，新建网页并保存为“die.html”，选择【插入】【布局对象】【div标签】命令，打开“div标签”对话框。

二、输入div标签名称
1、在“ID”列表框中选择“top”
2、单击“新建css规则”按钮准备进行css规则定义

三、新建css规则
在打开的对话框中保持默认设置，单击“确定”按钮进行css规则新建。

四、设置属性
1、在“分类”列表框中选择“方框”选项。
2、在窗口右侧进行css规则定义，其中margin值的设置非常重要，“left”及“right”为auto，则可让div页面水平居中。
3、单击“确定”按钮。

五、创建div按钮
返回“插入div标签”，单对话框，单击“确定”按钮，完成div标签的插入

六、查看创建的div
将鼠标光标定位在div，即可想编辑普通网页一样完成文本的编辑及图像等内容的添加。