CSS: Simpan teg HTML dan sembunyikan kandungan teks sahaja di dalam teg <a>

Question

Terdapat "a" dengan "img" di dalamnya, diikuti dengan teks pautan. Saya perlu menyembunyikan teks pautan ini tanpa menyembunyikan teg "img".

<a href="https://www.example.com/page">
    <img src="images/example.jpg" width="50" />
    This is a link
</a>

Dalam teg "a" ini, saya perlu menyembunyikan bahagian "Ini adalah pautan" dan biarkan hanya teg "img" untuk ditunjukkan. Kandungan HTML tidak boleh diubah (teg HTML baharu ditambah atau dialih keluar). Bagaimana saya boleh melakukan ini?

Answer 1

Jika anda tidak tahu html 的其余部分或用例的情况下，也许您只需将 a 标记和 font-size cuma tetapkan saiz atribut kepada sifar.

a {
  font-size: 0;
  width: 0;
  height: 0;
}

  
    This is a link