CSS:保留 HTML 標籤並僅隱藏 <a> 標籤內的文字內容
P粉973899567
P粉973899567 2024-03-28 21:52:12
0
1
429

有一個“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 標記)。我怎樣才能做到這一點?

P粉973899567
P粉973899567

全部回覆(1)
P粉846294303

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

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

  
    This is a link
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板