html – 使用CSS或其他代替js来显示小数作为上标

概述我有很多： <span class="price">17.998,80</span> 客户要我替换为： <span class="price">17.998⁸⁰</span> …很好,让javascript …但等等！ 是否可以通过一些奇特的CSS / CSS技巧获得相同的结果？ (大的$数字,没有小数,上标美分 – ,是我的小数分隔符) 亲切的问候, 斯蒂恩 注意：这工作正 我有很多：

<span >17.998,80</span>

客户要我替换为：

<span >17.998<sup>80</sup></span>

…很好,让JavaScript …但等等！

是否可以通过一些奇特的CSS / CSS技巧获得相同的结果？

(大的$数字,没有小数,上标美分 –,是我的小数分隔符)

亲切的问候,

斯蒂恩

注意：这工作正常：

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

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

解决方法 最好的方法是找到所有价格并添加HTML< sup> ……< / sup>因为如果有人不加载JavaScript,则没有HTML标记.

而且没有CSS技巧.

CSS唯一能做的就是将样式应用于< sup>元件.

总结

以上是内存溢出为你收集整理的html – 使用CSS或其他代替js来显示小数作为上标全部内容，希望文章能够帮你解决html – 使用CSS或其他代替js来显示小数作为上标所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。