Rumah > hujung hadapan web > tutorial css > Bagaimana untuk Menindas Nilai HREF dalam Cetakan Chrome?

Bagaimana untuk Menindas Nilai HREF dalam Cetakan Chrome?

Mary-Kate Olsen
Lepaskan: 2024-10-31 05:21:30
asal
856 orang telah melayarinya

How to Suppress HREF Values in Chrome Printouts?

Menindas Nilai HREF dalam Cetakan Chrome

Apabila menyesuaikan gaya cetakan dalam Chrome, anda mungkin menghadapi masalah apabila pautan dicetak dengan kedua-dua teksnya dan nilai HREF mereka. Ini boleh mengganggu dan tidak menarik dari segi estetika.

Untuk menyelesaikan isu ini, pertimbangkan penyelesaian berikut:

Peraturan Media Cetak Bootstrap

Bootstrap, sebuah popular Rangka kerja CSS, termasuk peraturan media cetak yang menambahkan nilai HREF pada pautan. Untuk melumpuhkan tingkah laku ini:

  • Buka lembaran gaya cetakan anda atau buat satu.
  • Tambah peraturan berikut:
<code class="css">@media print {
  a[href]:after {
    content: none !important;
  }
}</code>
Salin selepas log masuk
Salin selepas log masuk

Ini akan mengatasi peraturan Bootstrap dan menghalang nilai HREF daripada dicetak.

CSS tersuai Override

Sebagai alternatif, anda boleh membuat peraturan CSS anda sendiri untuk mengatasi kelakuan lalai:

<code class="css">@media print {
  a[href]:after {
    content: none !important;
  }
}</code>
Salin selepas log masuk
Salin selepas log masuk

Tambah peraturan ini pada helaian gaya cetakan anda untuk menyekat nilai HREF semasa mencetak dalam Chrome.

Atas ialah kandungan terperinci Bagaimana untuk Menindas Nilai HREF dalam Cetakan Chrome?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan