CSS：保留 HTML 標籤並僅隱藏 <a> 標籤內的文字內容

Question

有一個“a”，其中有一個“img”，後面跟著連結的文字。我需要隱藏這些連結文字而不隱藏“img”標籤。

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

在這個「a」標籤中，我需要隱藏「這是一個連結」部分，只留下「img」標籤來顯示。無法變更 HTML 內容（新增或刪除新的 HTML 標記）。我怎樣才能做到這一點？

Answer 1

在不知道html 的其餘部分或用例的情況下，也許您只需將a 標記和font-size 屬性的大小設為零即可。

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

  
    This is a link