网页中金额小数点后面和前面字体大小不一致的实现

Posted fps2tao

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了网页中金额小数点后面和前面字体大小不一致的实现相关的知识,希望对你有一定的参考价值。

思路:金额的小数点左右绝对要分开的.(再用css去控制)

 

技术图片

 

 

//模拟data数据
      data(
       return {
          price:‘88888.00‘
          }
       )
    //ps:v-html绑定数据
    //1.分割价钱 => ["88888", "00"]
    let splitPrice = this.price.split(".");
    //2.重新赋值
    this.price = `${splitPrice[0]}.<span style="font-size:12px;">${splitPrice[1]}</span>`;

 

 

转 : https://segmentfault.com/q/1010000022256091?utm_source=tag-newest

 

以上是关于网页中金额小数点后面和前面字体大小不一致的实现的主要内容,如果未能解决你的问题,请参考以下文章

当placeholder的字体大小跟input大小不一致,placeholder垂直居中

iframe中字体大小的问题

oracle 聚合函数求和后,小数点前面的零不显示

高分辨率笔记本桌面图标字体显示大小不一致怎么办

UITextField 限制输入金额(项目中遇到判断输入金额)

eclipse 注释字体不一致的问题