你可以使用CSS在应用程序中每3个数字之间添加逗号来实现吗?

huangapple go评论63阅读模式
英文:

How can I use CSS to separate numbers in my application with commas every 3 digits?

问题

在我的应用程序中有许多数字,我想用CSS或SCSS在每3个数字之间用逗号分隔它们。

我在Google上没有找到所需的结果。
有人可以帮我吗?

英文:

There are many numbers in my application and I want separate them with commas every 3 digits by CSS or SCSS.

I haven't found a desired result on Google.
Can anyone help me on this please?

Like:

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

result:

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

答案1

得分: 2

Sure, here's the translation of the text you provided:

如果你可以使用JavaScript,你可以使用toLocaleString函数

该函数1234567.89.toLocaleString()

结果'1,234,567.89'
英文:

if you can use javascript you can use toLocaleString function

the function: 1234567.89.toLocaleString()

result: '1,234,567.89'

你可以使用CSS在应用程序中每3个数字之间添加逗号来实现吗?

答案2

得分: 0

以下是要翻译的代码部分:

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>
英文:

Try the following code

<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-js -->

const number = document.querySelector(&#39;.number&#39;);

const formattedNumber = parseFloat(number.textContent).toLocaleString(&#39;en&#39;);
number.innerText = formattedNumber;

<!-- language: lang-css -->

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

<!-- language: lang-html -->

&lt;span class=&quot;number&quot;&gt;1234567.89&lt;/span&gt;

<!-- end snippet -->

huangapple
  • 本文由 发表于 2023年5月29日 17:21:25
  • 转载请务必保留本文链接:https://go.coder-hub.com/76356109.html
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定