@media print { .hidden-print { display: none !important; } }
如上所示,大家可以使用 @media print 来引入打印相关的样式表,并在其中定义一个名为 hidden-print 的CSS类,将其 display 属性设置为 none,从而使该元素在打印时不显示。
除了使用@media print外,大家也可以定义一个单独的CSS类来实现打印内容的隐藏,例如:
.print-hide { display: none; }
在需要隐藏的元素中添加上述CSS类即可实现打印内容的隐藏,如下所示:
这是一些需要隐藏的内容
以上便是关于CSS打印内容隐藏的简单介绍,希望对大家有所帮助。