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

Bagaimana untuk Menindas Nilai HREF dalam Cetakan Chrome?

Mary-Kate Olsen
Mary-Kate Olsenasal
2024-10-31 05:21:30761semak imbas

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>

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>

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!

Kenyataan:
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