Question

我需要格式化数字的帮助。我的输出是货币格式。所以234.22美元但是我需要做到这一点，因此22视觉上看起来像22的力量，并且＃34;和＃34;不再显示。

所以美元= X; Cents = Power to。（vissualy）。
X ^美分

可以做一些奇怪的逻辑，减少数字，格式化美元/美分并让它们像那样显示，但是如果有图书馆或更简单的方式就会徘徊。

所有搜索都给我平方根/权力和其他数学函数

Answer 1

您需要显示如下结果：

<div class="parent">
    <div id="first" style="display: inline-block;font-size: 20px;">
        $234
    </div>
    <div id="second" style="display: inline-block;padding-left: 5px;vertical-align: super;">
        22
    </div>
</div>

Answer 2

绝对定位：

.parent{
  position:relative
}

.value{
  font-size:16px
}

.cent{
  font-size:10px;
  position:absolute;
  padding-left:2px;
  top:-10%
}

<div class="parent">
  <span class="value">$200000</span>
  <span class="cent">23</span>
</div>

使用flexbox：

.parent{
  display:flex;
  align-items:start
}

.cent{
  font-size:10px;
  padding-left:3px;
}

<div class="parent">
  <span class="value">$200000</span>
  <span class="cent">23</span>
</div>

Javascript解决方案：

let string = "$234.22"

let array = string.split('.')
const container = document.getElementById('output');
let value = document.createElement('span')
value.textContent = array[0]

let cent = document.createElement('span')
cent.textContent = array[1]
cent.classList.add('cent')

container.appendChild(value)
container.appendChild(cent)

#output{
  display:flex;
  align-items:start
}

.cent{
  font-size:10px;
  padding-left:3px;
}

<div id="output"></div>

Javascript格式货币自定义格式

2 个答案: