格式化html中的数字:在数百万之间添加空格(例如:9 999 999)

时间:2015-06-26 13:35:09

标签: html string formatting numbers space

我需要在HTML中显示一个数字,其中包含数百万的空格,是否有允许这样做的简单格式?

我想显示999 999 999,而不是999999999

4 个答案:

答案 0 :(得分:1)

你需要使用PHP来生成HTML你想要显示的方式,或者你可以使用Javascript作为上面提到的Dwayne。不幸的是,HTML(或CSS)无法像你想要的那样格式化数字。

查看PHP的number_format()函数: http://php.net/number_format

对于Javascript,有几个选项(我搜索了Google中的“Javascript数字货币格式”): http://numeraljs.com/

希望这有帮助!

答案 1 :(得分:1)

正如我在评论中所述。您将无法以您希望的方式使用HTML格式化数字。你必须使用JavaScript。

Here is how you would do it using plain JavaScript

供参考:

function formatNumber(n) {
  if (n < 0) { throw 'must be non-negative: ' + n; } 
  if (n === 0) { return '0'; }

  var output = [];

  for (; n > 0; n = Math.floor(n/1000)) {
    output.unshift(n % 1000);
  }

  return output.join(' ');
}

答案 2 :(得分:1)

如果您的电话号码是123000456(如果我有更多要点,那将是一个注释...),则可接受的答案将产生错误的结果

答案 3 :(得分:0)

一个内衬版本:

[..."1230000456"].reverse().reduce((acc, v, i) => acc.push((i + 1) % 3 == 0 ? " " + v : v) && acc, []).reverse().join("").trim();