隱藏網址打印頁面

當我有這個網頁： 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

隱藏網址打印頁面

回答

相關問題