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