如何在HTML5中使用货币符号格式化价格？

Question

我必须显示价格1.99美元，如$ 1 ⁹⁹ ，但我想确保谷歌指数1.99美元而不是199美元。

i18n /本地化的不同变体。

$ 1.99 = $ 1 ⁹⁹
€1.55 =€1 ⁵⁵
CAN $ 2.99 = CAN $ 2 ⁹⁹

感谢。

Answer 1

您可以在span中包装小数点（本例中为句点）并将其设置为display: none。

Answer 2

尝试这个小提琴：http://jsfiddle.net/d7vMb/2/

HTML

CAN$2.99 = CAN$2.<span>99</span>

CSS

span {
    position       : relative;
    left           : -.3em;
    vertical-align : super;   
    padding-bottom : .38em;
    background     : #fff; /* this will cover the dot */
    font-size      : 0.76em;
}

我尝试将字体大小从1更改为20 em，它似乎正常工作（没有不必要的重叠）。通过这种方式，您还可以避免display: none。