如何在打印网页时隐藏元素？

@media print
{    
    .no-print, .no-print *
    {
        display: none !important;
    }
}

.问题是有些元素在印刷时仍然可见.解决方法是使用这个css:`@media print {.no-print,.no-print*{display:none!important; }

---

根据指定的媒体,这可能有效,也可能无效.例如,要在一个样式表中组合屏幕和打印样式,然后在该样式表中使用媒体查询,正如此答案所示,您必须同时指定"屏幕"和"打印"媒体类型:``

---

实际上,如果您只使用给定的代码,它确实有效.我刚试过firefox.所以,至少在现代浏览器中,这是解决方案.

---

@ Codeguy007:我不明白你的观点.如果你想定义仅限屏幕的样式,你只需要`@media screen`,但这不是这里的情况:默认情况下显示所有元素,并通过定义隐藏元素的仅打印样式完全足以使它成为现实仍然出现在屏幕上.

2> Andreas Grec..：

---

最佳做法是使用专门用于打印的样式表,并将其media属性设置为print.

在其中,显示/隐藏要在纸张上打印的元素.

---

在这里你也应该有css不显示其他包装内容,将font-family更改为更好的值,删除宽度以允许完全使用页面.如果将主样式表设置为media ="screen",则可以将打印样式表视为新的playgound.

---

绝对.使用这种方法,您可以只删除"单击此处获取可打印版本"或添加"此页面适合打印机"或类似内容.正如Steve Perks所说,良好的做法是删除所有不受欢迎的内容,如导航,广告等.仅包括页面的主要内容.

3> Bijan..：

---

引导3有其自己的类此呼吁:

hidden-print

它的定义如下:

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

您不必自己定义它.

---

在Bootstrap 4中,这已改为:

.d-print-none

4> 小智..：

---

这是一个简单的解决方案

    


    

        

            
            

                
                    
                
            

            

                mobiledu2402851373            

            

                这个屌丝很懒，什么也没留下！            
            
            


                                
                    
                    关注作者
                            

        
    


    

        
Tags | 热门标签
        

            

                                

                    actionscrip
                
                                

                    bash
                
                                

                    c#
                
                                

                    c++
                
                                

                    c语言
                
                                

                    erlang
                
                                

                    flutter
                
                                

                    go
                
                                

                    golang
                
                                

                    java
                
                                

                    javascript
                
                                

                    lua
                
                                

                    node.js
                
                                

                    perl
                
                                

                    php
                
                                

                    python
                
                                

                    scala
                
                                

                    typescript
                
                                

            
        
    


    

        
RankList | 热门文章
        

            

                                

                    1当前网址app /与其中任何一个都不匹配
                
                                

                    2从InstrumentationTestCase创建通知
                
                                

                    3使用jquery替换多个$符号
                
                                

                    4访问laravel供应商文件夹中的控制器的路由
                
                                

                    5部署自己的Docker注册表：注册表重新启动
                
                                

                    6以相反顺序Java对Arraylist中的数组进行排序
                
                                

                    7在声明之前访问'let'变量时,ReferenceError不会抛出
                
                                

                    8Artifactory在访问虚拟存储库URL时返回HTTP 302
                
                                

                    9c ++中的rvalues如何存储在内存中？
                
                                

                    10Gradle构建失败:无法解析配置':classpath'的所有依赖项
                
                                

                    11zeppelin with spark 1.5.2独立集群错误
                
                                

                    12$ document_root变量不能在"root"指令中使用
                
                                

                    13在php中排序依赖的子数组
                
                                

                    14C++通过变量的连接名称获取变量值
                
                                

                    15EPROTO:使用ember new时的协议错误,符号链接'../semver/bin/semver'
                
                                

                    16在Typescript前端和NodeJ后端之间共享js对象的最佳方法
                
                                

                    17使用f1作为评分函数的网格搜索,几页错误消息
                
                                

                    18adb reboot挂起Gennymotion
                
                                

                    19ElasticSearch:inner_hits和hightlight_query
                
                                

                    20如何设置Paper.js画布背景填充颜色（无CSS背景）