Ich versuche, das Druck-CSS anzupassen, und stelle fest, dass es Links mit dem href
Wert sowie dem Link druckt .
Dies ist in Chrome.
Für diesen HTML:
<a href="http://www.google.com">Google</a>
Es druckt:
Google (http://www.google.com)
Und ich möchte, dass es gedruckt wird:
Google
Antworten:
Bootstrap macht dasselbe (... wie die unten ausgewählte Antwort).
Entfernen Sie es einfach von dort oder überschreiben Sie es in Ihrem eigenen Druck-Stylesheet:
quelle
<style>@media print{a[href]:after{content:none}}</style>
Meistens für mich selbstfloat:none
nötig, wurde vor ein paar Wochen ein ähnliches Problem für mich behoben. könnte Ihnen helfen, aber das ist ein anderes ProblemDas tut es nicht . Irgendwo in Ihrem Druck-Stylesheet müssen Sie diesen Codeabschnitt haben:
Die einzige andere Möglichkeit ist, dass Sie eine Erweiterung haben, die dies für Sie erledigt.
quelle
Die Arbeit ist perfekt.
quelle
Wenn Sie das folgende CSS verwenden
Ändern Sie es einfach in den folgenden Stil, indem Sie media = "screen" hinzufügen.
Ich denke es wird funktionieren.
die ersteren antworten wie
wurden nicht gut in der Chrom-Suche gearbeitet.
quelle
Ich habe ein ähnliches Problem nur mit einem verschachtelten Bild in meinem Anker festgestellt:
Als ich mich bewarb
Ich habe aus irgendeinem Grund mein Bild und die gesamte Ankerbreite verloren und stattdessen Folgendes verwendet:
das hat perfekt funktioniert.
Bonus-Tipp : Überprüfen Sie die Druckvorschau
quelle
Seiten-URL ausblenden.
Verwendung
media="print"
im Stil Beispiel:Wenn Sie Links entfernen möchten:
quelle
Für normale Benutzer. Öffnen Sie das Inspektionsfenster der aktuellen Seite. Und tippe ein:
Dann werden die URL-Links in der Druckvorschau nicht angezeigt.
quelle