js打印内容隐藏,media="print" 只在打印的时候显示该内容

<style media="print">、<link media="print">的用法合理应用，media="print"是不被网页所显示的，只能在打印的效果上存在，可以设置出打印效果和在网页上所显示的不一样。

例：打印出来的字体和网页是不同的

// 设置显示器用字体尺寸 @media screen { BODY {font-size:12pt; } }

// 设置打印机用字体尺寸 @media print { @import "print.css" BODY {font-size:8pt;} }

或者<style media="print">body{font-size:12px;}</style>

实例：

<html>

<head>

<style>

.none { display:none;}

</style>

<style media="print">.none { display:block;}</style>

</head>

<body>

<h1>media="print" 实例</h1>

<p>在网页里面是可以看见我的</p>

<p class="none" media="print" >在网页里看不见我，打印出来你就可以看见我啦！ ^_^ （此页面会通过 media="print" 样式表进行格式化。）</p>

</body>

</html>

转自：https://www.cnblogs.com/miny-simp/p/6500843.html

posted @ 2020-05-01 17:22 天马3798 阅读(3349) 评论(0) 编辑收藏举报

刷新页面返回顶部

登录后才能查看或发表评论，立即登录或者逛逛博客园首页

【推荐】还在用 ECharts 开发大屏？试试这款永久免费的开源 BI 工具！
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步

编辑推荐：
· AI与.NET技术实操系列：向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列：如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探

阅读排行：
· winform 绘制太阳，地球，月球运作规律
· 震惊！C++程序真的从main开始吗？99%的程序员都答错了
· AI与.NET技术实操系列（五）：向量存储与相似性搜索在 .NET 中的实现
· 【硬核科普】Trae如何「偷看」你的代码？零基础破解AI编程运行原理
· 超详细：普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人

历史上的今天：
2015-05-01 WIN7系统JavaEE(java+tomcat7+Eclipse)环境配