Скрыть URLs при печати страницы

Question

У меня есть этот сайт:

Похоже, это когда я пытаюсь напечатать:

Это отсутствует последний элемент (управление пользователями) намеренно, так что это не проблема. Но я хотел бы скрыть «(/ campaign)» и «(/ profanity)» из печати.

Возможно ли использование CSS?

--EDIT-- Это 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> 

Answer 1

Я понимаю, классы, это вопрос начальной загрузки, как вы найдете в bootstrap.css это правило

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

перезаписать это правило, и вы должны быть золотыми, например content:none;

Answer 2

@media тег поддерживает печать.

Так что, если вы хотите, чтобы ваши блоки не будут отображаться, когда в печати, используйте следующий код:

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

Просто добавьте «NOPRINT» к любому элементу, который вы хотите.

Answer 3

добавить класс в CSS под названием NOPRINT для бумаги:

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

, а затем добавить этот класс в код

например:

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