#鸿蒙通关秘籍#如何在网页中控制打印页面元素可见性?

HarmonyOS
5天前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
紫陌红尘PVT

控制网页元素在打印时的可见性可通过@media print CSS规则实现。例如,可以在CSS中设置某些元素在打印时隐藏。以下是一个HTML页面,通过CSS控制h1标签在打印时不可见:

html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>printTest</title> <style> @media print { h1 { display: none; } } </style> </head> <body> <div> <h1><b> <center>This is a test page for printing</center> </b> <hr color=#00cc00 width=95%> </h1> <button class="Button Button--outline" onclick="window.print();">Print</button> <p>content content content</p> </div> </body> </html>

通过在@media print中设置display属性为none,可以使特定元素在打印时隐藏。


分享
微博
QQ
微信
回复
5天前
相关问题