如何使用 css 更改像 ⬤ 这样的 unicode 圆圈的大小?

How to change the size of a unicode circle like ⬤ using css?

试图将 ⬤ 放置在段落标记中的单词之间,但我希望它们更小,但找不到改变它大小的方法,我尝试过的所有方法都忽略了高度变化。

尝试 ::before 内容,放置在跨度内,内联 html 并尝试在浏览器中添加样式

<p>Thing1 ⬤ Thing2 ⬤ Thing3</p>

非常想把尺寸缩小一半,我试过缩放也没有任何作用。我想避免为此使用 JS 或只是将 span 标记样式设置为看起来相同但不确定是否可以仅使用 CSS?

您可以使用 font-size 属性 简单地更改大小。下面是一个示例,希望对您有所帮助

<i style="font-weight:700; font-size:16px; font-style: normal;">&#9432</i>

您可以使用 transform: scale(.5); display: inline-block; 将其缩小到原始大小的 50%。

请记住,此方法会保留元素的原始空间,它只会更改其渲染大小。

使用 font-size 进行缩放,本质上,并将其包装在一些内联元素中,例如 spanib.

使用 em 单位 (MDN intro),因此它与周围的文本直接相关。

.dot {
  font-size: 0.65em; /* 65%, essentially */
}
<p>Something <span class="dot">&#x2B24;</span> smaller, <span class="dot">&#x2B24;</span> please.</p>