17赞

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

作者：mobiledu2402851373 | 2023-09-02 09:09

如何解决《如何在打印网页时隐藏元素？》经验，为你挑选了8个好方法。

我的网页上有一个链接来打印网页.但是,链接在打印输出中也是可见的.

当我点击打印链接时,是否有javascript或HTML代码会隐藏链接按钮？

例:

 "Good Evening"
 Print (click Here To Print)



我想在打印文本"晚安"时隐藏这个"打印"标签."打印"标签不应显示在打印输出本身上.


1> Diodeus - Ja..：
在样式表中添加:

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


然后class='no-print'在HTML中添加(或将no-print类添加到现有的类语句中),不希望在打印版本中显示,例如按钮.

        
这个答案并不完整.你必须有两个媒体部分.`@media` print和`@media`屏幕.在打印部分,您可以放置样式进行打印.在屏幕屏幕部分,您可以将样式放置在丝网印刷中.您甚至可以为不同的分辨率设置多个屏幕部分.基本上,如果您只是添加此答案中给出的内容,它将无法正常工作.相信我,我试过了.那么这是如何获得69票的呢？ 
我确实试图在里面隐藏一个带有几个子元素的.问题是有些元素在印刷时仍然可见.解决方法是使用这个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即使在使用pack()之后,winfo_width()也返回1
                
                                
                    2将数据库导入DataGrip(0xDBE)
                
                                
                    3如何在SQL Server 2008中将数据转换为json格式？
                
                                
                    4行尾(GNU文档)
                
                                
                    5scikit学习系数多项式特征
                
                                
                    6Vim折叠，没有结束标记
                
                                
                    7从深层嵌套的目录结构导入模块
                
                                
                    8我在android studio中构建gradle时遇到错误
                
                                
                    9分段方形的矢量,C++ Eigen中两个向量的分段产品
                
                                
                    10C中的黄金比例？
                
                                
                    11在快速的bezier路径圆中舍入笔划的边缘
                
                                
                    12Swift 2:'Set <UITouch>'类型的值没有成员'anyObject'
                
                                
                    13如何使用addClass和removeClass在Class之间切换？
                
                                
                    14使用swift编译器裸机？
                
                                
                    15Python函数返回索引0处的值？
                
                                
                    16块执行时EXC_BAD_ACCESS
                
                                
                    17在table-cell元素中使用float属性会将先前的内容向下滑动
                
                                
                    18在Algolia指数中搜索确切的术语
                
                                
                    19Laravel 5使用前缀路由
                
                                
                    20我可以从后台线程更新UI,为什么？
                
                            
        
    


    






    DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6 

    Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved  devBox.cn 开发工具箱  版权所有