隐藏网址打印页面

当我有这个网页： enter image description here 隐藏网址打印页面

它看起来像这样，当我尝试打印： enter image description here

它遗漏了最后一个项目（用户管理）有意所以这不是一个问题。但我想隐藏打印中的“（/ campaigns）”和“（/ profanity）”。

使用CSS有可能吗？

- 编辑 - 这是HTML：

<div class="row"> 
    <div class="item col-xs-12 col-sm-6 col-md-4 text-center"> 
     <div class="lead">Campaigns</div> 
     <a href="/campaigns" class="text-muted"> 
      <i class="fa fa-bullhorn"></i> 
     </a> 
     <table class="table table-striped table-condensed"> 
      <tbody><tr> 
       <th>Campaigns active</th> 
       <td>1/1</td> 
      </tr> 
      <tr> 
       <th>Total posts</th> 
       <td>149</td> 
      </tr> 
     </tbody></table> 
    </div> 
    <div class="item col-xs-12 col-sm-6 col-md-4 text-center"> 
     <div class="lead">Profanity</div> 
     <a href="/profanity" class="text-muted"> 
      <i class="fa fa-filter"></i> 
     </a> 
     <table class="table table-striped table-condensed"> 
      <tbody><tr> 
       <th>Created profanity filters</th> 
       <td>0</td> 
      </tr> 
      <tr> 
       <th>Total words filtered</th> 
       <td>0</td> 
      </tr> 
     </tbody></table> 
    </div> 
     <div class="item col-xs-12 col-sm-6 col-md-4 text-center"> 
     <div class="lead">User management</div> 
     <a href="/account" class="text-muted"> 
      <i class="fa fa-users"></i> 
     </a> 
    </div> 
    </div>

来源

2015-06-26 SheperdOfFire

我认识的类，这是一个引导问题，你会发现在bootstrap.css中这个规则

@media print { 
    ... 
    a[href]:after { 
    content: " (" attr(href) ")"; 
    } 
    ... 
}

覆盖此规则，你应该是金，如content:none;

来源

2015-06-26 11:56:08 Moak

不错！这工作，谢谢你！ – SheperdOfFire

的@media标签支持打印。

所以，如果你希望你的块不是当打印，使用下面的代码显示：

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

只需添加“NOPRINT”你想要的任何元素。

来源

2015-06-26 10:01:38 Astinox

是的我知道，我已经有了（使用引导）。利用这一点，整个元素都隐藏在印刷品上，我想隐藏“（/ campaign）”和“（/ profanity）”的理由。我已经显示了HTML代码。 – SheperdOfFire

类添加到您的CSS称为NOPRINT纸：

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

，然后将该类添加到您的代码

如：

<div class="comment noprint"> ... </div>

来源

2015-06-26 10:02:19 JoSSte

隐藏网址打印页面

回答

相关问题