Entfernen Sie die URL von der Druckseite mit css

<body> 
<div class="print-logo"> 
    <img class="print-logo img-responsive" id="logo" src="http://logo.png" alt="image" /></div> 
    <div class="print-site_name">Published on <em class="placeholder">website name</em> (<a href="http://localhost">http://localhost</a>)</div> 
<p /> 
<div class="print-breadcrumb"><a href="/">Home</a> Reportedly Prepping </div> 
<hr class="print-hr" /> 
    <div class="print-content"><article id="node-ID" class="node node-blog clearfix"> 
<div class="bd-headline left"> some title </div>  
<div class="item-body"> 
<p dir="ltr"><span id="docs-internal-guid-???">  
    <img alt="Core" height="366" src="http://image.png" width="645" /> 
    <span> contributor helping report. It’s the latest nightmare.</span><a href="http://url-to-be-removed">some text for the url to be removed(http://url-to-be-removed) then some more text. 
</p> 
<p> some more text and another url</p> 
</div> 
...

Mit CSS, wie Sie die URL entfernen können. Da die URL im Körper habe ich versucht, die Klassennamen und HTML-Tag:Entfernen Sie die URL von der Druckseite mit css

div.print-content article.node .node-blog .clearfix div.item-body p a { content: "";}

Update
Der Teil i entfernen möge in fett ist.
Mitwirkende helfen Bericht. Es ist der neueste Albtraum. some text for the url to be removed (http://url-to-be-removed) dann etwas mehr Text.

Quelle

2016-10-06 mamesaye

Mögliche Duplikate von [Müssen die href-Werte beim Drucken in Chrome entfernen] (https://stackoverflow.com/questions/7301989/need-to-remove-href-values-when-printing-in-chrome) – bvpb

a[href]:after { content: none !important; }

Update

Die CSS: nach Selektor etwas nach dem Inhalt jedes ausgewählten Elements einfügt (s).

Verwenden Sie die Eigenschaft content, um den einzufügenden Inhalt anzugeben. content: none wird explizit verhindert, dass der after Selektor (Pseudo-Element) generiert wird (wirklich nur zum Überschreiben eines anderen Stils, der Inhalt generiert hätte).

a[href]:after { content: none !important; } bedeutet entfernen Inhalt nach jedem Link.

Quelle

2016-10-07 16:43:30 mamesaye

Um die URL von einer gedruckten Medien zu entfernen, verwenden:

@media print { 
    div.print-content article.node .node-blog .clearfix div.item-body p a { 
    display: none; 
}

Wenn das, was Sie stattdessen wollen, ist es zu haben, verschwinden vollständig (von einer beliebigen Ansicht), nur div.print-content article.node .node-blog .clearfix div.item-body p a { display: none; }

es auf diese Weise hinzufügen Hinzufügen Entfernt es vollständig aus der Sicht des Dokuments, wodurch Speicherplatz frei wird, der von dem Tag <a> belegt wird.

Quelle

2016-10-06 20:45:53

Danke Was ich getan habe, ist: 'div.print-content article.node div.item-body pa {Anzeige: keine; } 'aber es alles entfernen: der Link und die URL. Ich aktualisiere meine Frage und füge den Teil hinzu, der entfernt werden muss. Dies ist die URL nach dem Link in Klammern. – mamesaye

Entfernen Sie die URL von der Druckseite mit css

Antwort

Verwandte Themen