html打印纸张自动选择,如何禁止打印页面

如何禁止打印页面

更新时间：2006年08月26日 00:00:00   作者：

解决思路：

要真正禁止打印页面是办不到的，但是如果能设置让用户打印到的是空白，也算是实现禁止打印的目的了。

具体步骤：

代码示例：

不可打印的页面

@media print{

body{display:none}

}

文档主要内容

注意：@media print{}规则中所定义的CSS仅对打印时的页面生效。

技巧：在很多论坛中在打印帖子时都是用一个专门的页面来实现，如果能熟练运用@media print{}规则，就不用单独做一个打印用的页了。

提示：

@media print{}规则中可以用来代码print的还有all和screen。

类似@media的规则如表2.2.1所示。

规则说明

@import指定导入的外部样式表及目标媒体。该规则必须在样式表头部最先声明

@charset在外部样式表文件内使用。指定该样式表使用的字符集。

@font-face设置嵌入HTML文档的OpenType字体(需IE5+支持)

@media指定样式表规则用于指定的媒体类型(需IE5.5+支持)

特别提示

运行本例代码，然后打印网页，打印结果将不包括"文档主要内容"。

特别说明

本例主要运用了@media规则来定义页面对于打印时应用的样式，print意思是所定义的CSS应用于打印机，类似的print媒体类型还有：

all 应用于所有类型的设备

screen 应用于计算机的显示器

相关文章

CSS之自动换行...2006-09-09

小编最近学习了一下高德地图web版的使用,总结了一下高德基础控件的应用,高德地图是开源可编辑的,方法不是很难,有兴趣的朋友可以试一试自己编辑一下.2018-05-05

Overflow OPREA...2006-09-09

CSS重新定义项目符号和编号技巧...2006-09-09

本文介绍了CSS中的各类居中方式，8种方式的实现方法讲解的很详细，还配有对应的效果图,需要的朋友可以参考下2015-07-07

对于背景属性background-image大家应该已经很熟悉了，在CSS2中与它相关的属性还有background-repeat(设置背景是否重复及重复的方式)、background-position(设置背景图片在容器中的位置)、background-attachment(设置背景是否随页面一起滚动)，通过这些属性来控制背景图片在容器中如何显示，但我们也只能为容器提供一张背景图片，如果我们想让一个容器的背景用多张图片实现，那么我们该如何去做呢？再在容器里添加一些无用的元素吗？2014-05-05

边框(border)边距(margin)和间隙(padding)属性的区别...2006-09-09

凸起的按钮效果...2006-10-10

[红色]CSS 实用实例(推荐)...2006-07-07

使用#default#userdata组件实现的可记忆内容的编辑器...2006-08-08

最新评论