CSS:保留 HTML 标签并仅隐藏 <a> 标签内的文本内容
P粉973899567
P粉973899567 2024-03-28 21:52:12
0
1
385

有一个“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
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!