试图在段落标记中的单词之间放置but,但我希望它们变小,但找不到改变其大小的方法,我尝试过的所有操作都忽略了高度的变化。
尝试:::放置内容之前,将其放置在跨度中,内联html并尝试在浏览器中添加样式
<p>Thing1 ⬤ Thing2 ⬤ Thing3</p>
几乎想将尺寸减小一半,我尝试了缩放,但也无济于事。我想避免使用JS或只是对span标签进行样式设置使其看起来相同,但不确定是否可以仅使用CSS做到这一点?
答案 0 :(得分:2)
您可以简单地通过使用font-size属性来更改大小。下面是一个示例,希望对您有帮助
<i style="font-weight:700; font-size:16px; font-style: normal;">ⓘ</i>
答案 1 :(得分:1)
您可以使用transform: scale(.5); display: inline-block;
将其缩小到原始大小的50%。
请记住,此方法保留了元素的原始属性,只更改了其渲染大小。
答案 2 :(得分:0)
使用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>