css 仅打印网页上的特定元素

mkshixfv 于 2023-08-09 发布在其他

关注(0)|答案(1)|浏览(121)

我读了很多关于这方面的文章，但仍然不适合我。
在我的网页上，我想在用户打印页面时隐藏一些元素。
我正在使用Bootstrap 5，它在CSS中有以下内容：

@media print{.d-print-none{display:none!important}}

字符串
然后在HTML中我就用它了。第一个月
但是当我按下CTRL+P后，所有的文本都准备好打印了。
我还创建了自己的CSS

@media print{
    
    .noprint{
        display: none !important;;
    }
 }

型
仍然没有运气，元素没有隐藏时，试图打印他们。有什么建议吗？

1条答案

所以出于某种原因，只有这个解决方案对我有效：
如果我定义<link rel="stylesheet" href="print.css" media="print" />
在CSS里我放了

.noprint{
        display: none !important;;
    }

字符串
也许原因是，对于所有的CSS链接，我有media="screen"，这就是为什么@media print内部被忽略的原因。
这就是为什么使用单独的<link rel="stylesheet" href="print.css" media="print" />可能有效的原因。