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

时间:2019-05-09 03:53:29

标签: html css unicode web-frontend

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

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

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

几乎想将尺寸减小一半,我尝试了缩放,但也无济于事。我想避免使用JS或只是对span标签进行样式设置使其看起来相同,但不确定是否可以仅使用CSS做到这一点?

3 个答案:

答案 0 :(得分:2)

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

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

答案 1 :(得分:1)

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

请记住,此方法保留了元素的原始属性,只更改了其渲染大小。

答案 2 :(得分:0)

使用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>