Bagaimana untuk mengalih keluar Nilai HRF Bercetak dalam Chrome?

Mengalih keluar Nilai Href Semasa Pencetakan Chrome

Apabila cuba menyesuaikan gaya CSS cetakan dalam Chrome, anda mungkin menghadapi masalah apabila pautan dicetak dengan nilai href mereka dilampirkan. Ini boleh membawa kepada output yang tidak diingini, seperti yang dilihat dalam contoh berikut:

HTML:

<code class="html"><a href="http://www.google.com">Google</a></code>

Output Cetakan:

<code class="text">Google (http://www.google.com)</code>

Output Cetakan Yang Diingini:

<code class="text">Google</code>

Untuk membetulkan isu ini, anda boleh memanfaatkan penyelesaian yang serupa dengan yang dicadangkan dalam jawapan yang dipilih. Bootstrap, misalnya, memasukkan nilai href yang memautkan selepas kandungan ke teks bercetak melalui CSS. Untuk melumpuhkan tingkah laku ini, cuma alih keluar atau gantikan peraturan CSS yang berkaitan dalam helaian gaya cetakan anda:

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

Dengan menggunakan peraturan CSS ini, anda boleh menyekat pencetakan nilai href dengan berkesan, menghasilkan cetakan yang lebih bersih dan ringkas output bercetak.

Atas ialah kandungan terperinci Bagaimana untuk mengalih keluar Nilai HRF Bercetak dalam Chrome?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!