我读了很多关于这方面的文章,但仍然不适合我。
在我的网页上,我想在用户打印页面时隐藏一些元素。
我正在使用Bootstrap 5,它在CSS中有以下内容:
@media print{.d-print-none{display:none!important}}
字符串
然后在HTML中我就用它了。第一个月
但是当我按下CTRL+P后,所有的文本都准备好打印了。
我还创建了自己的CSS
@media print{
.noprint{
display: none !important;;
}
}
型
仍然没有运气,元素没有隐藏时,试图打印他们。有什么建议吗?
1条答案
按热度按时间qxsslcnc1#
所以出于某种原因,只有这个解决方案对我有效:
如果我定义
<link rel="stylesheet" href="print.css" media="print" />
在CSS里我放了
字符串
也许原因是,对于所有的CSS链接,我有
media="screen"
,这就是为什么@media print
内部被忽略的原因。这就是为什么使用单独的
<link rel="stylesheet" href="print.css" media="print" />
可能有效的原因。