使用CSS在左侧显示价格较小的价格的最佳方式是什么？

Question

我需要显示ex:$ 300.00,但我需要显示的美元符号小于数字,所以它看起来像一个商标,但不是那么小.

是否有CSS功能可以做到这一点？

先感谢您.

Answer 1

可能是这样的吗？

HTML:

<span class="dollar">300.00</span>

CSS:

.dollar:before {
    content: '$';
    font-size: somethingSmaller;
}

看到这个小提琴,让我知道这是否有帮助.

很好的答案。但我建议使用 em 或百分比值（例如 0.85em 或 80%）而不是像素（如小提琴中所做的那样），因为使用 em 时，货币符号的字体大小是相对于货币符号的字体大小的。数量。 (2认同)