如何使用 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;">ⓘ</i>
您可以使用 transform: scale(.5); display: inline-block;
将其缩小到原始大小的 50%。
请记住,此方法会保留元素的原始空间,它只会更改其渲染大小。
使用 font-size
进行缩放,本质上,并将其包装在一些内联元素中,例如 span
或 i
或 b
.
使用 em
单位 (MDN intro),因此它与周围的文本直接相关。
.dot {
font-size: 0.65em; /* 65%, essentially */
}
<p>Something <span class="dot">⬤</span> smaller, <span class="dot">⬤</span> please.</p>
试图将 ⬤ 放置在段落标记中的单词之间,但我希望它们更小,但找不到改变它大小的方法,我尝试过的所有方法都忽略了高度变化。
尝试 ::before 内容,放置在跨度内,内联 html 并尝试在浏览器中添加样式
<p>Thing1 ⬤ Thing2 ⬤ Thing3</p>
非常想把尺寸缩小一半,我试过缩放也没有任何作用。我想避免为此使用 JS 或只是将 span 标记样式设置为看起来相同但不确定是否可以仅使用 CSS?
您可以使用 font-size 属性 简单地更改大小。下面是一个示例,希望对您有所帮助
<i style="font-weight:700; font-size:16px; font-style: normal;">ⓘ</i>
您可以使用 transform: scale(.5); display: inline-block;
将其缩小到原始大小的 50%。
请记住,此方法会保留元素的原始空间,它只会更改其渲染大小。
使用 font-size
进行缩放,本质上,并将其包装在一些内联元素中,例如 span
或 i
或 b
.
使用 em
单位 (MDN intro),因此它与周围的文本直接相关。
.dot {
font-size: 0.65em; /* 65%, essentially */
}
<p>Something <span class="dot">⬤</span> smaller, <span class="dot">⬤</span> please.</p>