2011-04-29 58 views
3

我必须表明价格$ 1.99象$ 1这样,但我想,以确保谷歌索引的$ 1.99不是$ 199如何在HTML5中使用货币符号格式化价格?

不同变化对I18N /定位。

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

感谢。

+3

你真的不应该排除小数。这不仅仅是Google搞砸了。 – meagar 2011-04-29 18:47:42

+0

我不排除小数,但想知道还有什么可以不带小数点得到搞砸了。 – dean 2011-05-04 17:11:36

回答

2

您可以将小数点(本例中的时间段)包含在span中,并将其设置为display: none

+0

其实谷歌惩罚隐藏的东西使用显示:无。 – dean 2011-05-04 17:12:50

1

试试这个小提琴: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