如何在HTML5中使用貨幣符號格式化價格？

我必須表明價格$ 1.99象$ 1這樣，但我想，以確保谷歌索引的$ 1.99不是$ 199如何在HTML5中使用貨幣符號格式化價格？

不同變化對I18N /定位。

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

感謝。

來源

2011-04-29 dean

你真的不應該排除小數。這不僅僅是Google搞砸了。 – meagar 2011-04-29 18:47:42

我不排除小數，但想知道還有什麼可以不帶小數點得到搞砸了。 – dean 2011-05-04 17:11:36

您可以將小數點（本例中的時間段）包含在span中，並將其設置爲display: none。

來源

2011-04-29 18:47:35

其實谷歌懲罰隱藏的東西使用顯示：無。 – dean 2011-05-04 17:12:50

試試這個小提琴：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。

來源

2012-03-09 15:28:34 fcalderan

如何在HTML5中使用貨幣符號格式化價格？

回答

相關問題