简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首页 > web前端 > css教程 > 正文

如何禁止打印页面_CSS/HTML

PHP中文网
发布： 2016-05-16 12:12:09
原创
3322 人浏览过

如何禁止打印页面_CSS/HTML

解决思路： 
要真正禁止打印页面是办不到的，但是如果能设置让用户打印到的是空白，也算是实现禁止打印的目的了。 
具体步骤： 
代码示例：  

<html>  
<head><title>不可打印的页面</title>  
<style>  
@media print{  
body{display:none}  
}  
</style>  
</head>  
<body>  
文档主要内容  
</body>  
</head>
登录后复制

注意：@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/HTML的内容，更多相关内容请关注PHP中文网（www.php.cn）！


相关标签：
打印页面，CSS/HTML
来源：php.cn
上一篇：HTML中的数据绑定_CSS/HTML 下一篇：巧用CSS滤镜做图案文字_CSS/HTML
本站声明
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
作者最新文章
最新问题
页面突然无法拉动 css 或 bootstrap 所以我正在开发一个页面，我昨天做了一部分，效果很好，今天我继续做剩下的部分，一切都很好。当我尝试将其作为普通html页面打开时，CSS或BOOTSTRAP不起作用，仅显示页面文本，...
来自于 2024-04-06 21:58:04
0
1
800
我正在使用 React 构建三个页面，每个页面都有自己的 css 文件，并且只有一个 css 文件适用于每个页面 我正在处理这三个页面：App.js有两个按钮，当您单击第一个按钮时，它将带您进入“/quotes”页面，当您单击第二个按钮时，它将带您进入“/recommendations”页面。...
来自于 2024-04-04 10:07:16
0
1
394
Vanilla JS setTimeout()：识别错误行为 我的汉堡式菜单上有一个用HTML、CSS和VanillaJavaScript编写的动画。预期结果当您单击汉堡菜单按钮时，应该发生以下事件：单击汉堡菜单图标时：main旋转180°并...
来自于 2024-04-02 20:44:40
0
1
284
无法使用 CSS + HTML 使文本居中 我正在尝试使用CSS和HTML使文本居中。我对网络开发非常陌生，所以才刚刚开始。我观看了基础知识课程（制作了第一页），现在我正在开发自己的项目（其他页面）*{padding:0;m...
来自于 2024-03-31 15:57:04
0
1
322
相关专题
更多>
热门推荐
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网：公益在线PHP培训，帮助PHP学习者快速成长！