使用 CSS 或其他代替 js 将十进制显示为上标

Question

我有很多：

<span class="price">17.998,80</span>

客户希望我替换为：

<span class="price">17.998<sup>80</sup></span>

...好吧，让javascript...但是等等！

通过一些花哨的 CSS/CSS 技巧不能获得等效的结果吗？

（大 $ 数字，无小数，上标美分 - ，是我的小数分隔符）

亲切的问候，

斯蒂恩

注意：这很好用：

$('span.price').html($('span.price').html().replace(',','<sup>')+'</sup>');

但首选是所有 CSS/CSS3 解决方案

Answer 1

最好的方法是找到所有价格并添加 HTML，<sup> ... </sup>因为如果有人不加载 javascript，则不会有HTML 标记。

CSS并没有什么技巧可以做到这一点。

CSS唯一做的就是将样式应用到<sup>元素。