色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

如何使用CSS在我的應(yīng)用程序中用逗號(hào)每3位數(shù)分隔數(shù)字?

老白2年前8瀏覽0評(píng)論

我的應(yīng)用程序中有許多數(shù)字,我想用CSS或SCSS每3個(gè)數(shù)字用逗號(hào)分隔它們。

我還沒有在谷歌上找到想要的結(jié)果。 有誰能幫我一下嗎?

比如:

<span class="number"> 1234567.89 </span>

結(jié)果:

<span class="number"> 1,234,567.89 </span>

如果你會(huì)使用javascript,你可以使用本地字符串函數(shù)

the function: 1234567.89.toLocaleString()

result: '1,234,567.89'

enter image description here

嘗試下面的代碼

const number = document.querySelector('.number');

const formattedNumber = parseFloat(number.textContent).toLocaleString('en');
number.innerText = formattedNumber;

.number::after {
  content: attr(data-number);
}

<span class="number">1234567.89</span>