gpt4 book ai didi

svg - 在文本旁边显示图标的最可靠方法

转载 作者:行者123 更新时间:2023-12-03 05:45:05 27 4
gpt4 key购买 nike

有多种方法可以在页面中的文本旁边显示图形。我需要包含一个图形/图标来指示将打开一个新选项卡。

我知道至少可以使用这些不同的方法:

  • 默认字体中的 Unicode 字符
  • 来自 CSS 加载字体的 Unicode 字符
  • 内嵌 SVG
  • 内嵌 PNG

请建议一种方法来执行此操作,并解释它在不同浏览器和操作系统上为何或为何不可靠。

最佳答案

我参加这个聚会迟到了,但是look what I have found at CodePen !

enter image description here

a[target="_blank"]::after {
content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAQElEQVR42qXKwQkAIAxDUUdxtO6/RBQkQZvSi8I/pL4BoGw/XPkh4XigPmsUgh0626AjRsgxHTkUThsG2T/sIlzdTsp52kSS1wAAAABJRU5ErkJggg==);
margin: 0 3px 0 5px;
}
<a class="external" href="https://example.org" target="_blank">external link</a>

关于svg - 在文本旁边显示图标的最可靠方法,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1899772/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com