javascript - 如何使 span 看起来像 img？

Question

我们怎样才能让一个span元素成为img元素呢？更准确地说，我们如何才能做到这一点，

<span src='https://abs.twimg.com/emoji/v2/72x72/1f607.png'></span>

当我们将表情符号放在文本区域时，我在推特消息栏中看到了这个概念。 谢谢你的时间和考虑。请看看我将不胜感激。

编辑-1

这个问题不是关于使用背景图片的。我们可以像推特人那样有其他选择吗？这是我在 Twitter 页面上看到的。

<span class="RichEditor-pictographText" title="Smiling face with halo" aria-
label="Emoji: Smiling face with halo" data-pictograph-text="😇" data-
pictograph-image="https://abs.twimg.com/emoji/v2/72x72/1f607.png">&emsp;
</span>

这些线条使图像看起来像没有背景图像。

Answer 1

你可以在类背景中设置它，并将该类添加到跨度中

.icon {
  background: url("https://abs.twimg.com/emoji/v2/72x72/1f607.png") no-repeat;
  width: 100px;
  display: inline-block;
  height: 100px;
}

<span class='icon'></span>