html - 如何在一个数据图标声明或 div 中包含多个字体图标

Question

使用我放置的字体图标

<div data-icon="r"> </div>

例如显示图标。

现在如果我想在第一个图标旁边显示两个或更多相同的图标，我可以只使用多个 div 吗

<div data-icon="r"> </div>
<div data-icon="r"> </div>
<div data-icon="r"> </div>

或者可以以某种方式写

<div data-icon="r" "r" "r"> </div>

或

<div data-icon="r,r,r,r"> </div>

或者类似的东西？

当然，所有这些测试都失败了，所以我想知道这在 HTML 中是否通常可行，如果可行，请问如何？

Answer 1

这个怎么样？

<div>
    <i data-icon="r"></i>
    <i data-icon="r"></i>
    <i data-icon="r"></i>
    <i data-icon="r"></i>
</div>

这应该创建 4 个内联图标。我基于 font awesome 的工作原理。