如何让“”出现在中间

Question

如何使用中间的连续空格来创建字符串“Review 1”以进行渲染。请参阅下面的example。

<div id="target"></div>​

var name = "Review     1"
$('#target').html(name);​

由于

Answer 1

为每个空间使用一个 

Answer 2

更改处理空白区的方式：

<div id="target" style="white-space: pre;"></div>​

http://jsfiddle.net/PHvVh/1/

Answer 3

如果您需要多个空格，可以使用html编码字符作为空格： （=非中断空格）

var name = "Review    1"

Answer 4

var name = "Review     1".replace(/ /g, " ");

$('#target').html( name );​

Answer 5

您需要使用.replace()尝试一下：

$(function () {
    var name = "Review     1"
    $('#target').html(name.replace(/\s/g, ' '));
});​

工作示例：http://jsfiddle.net/t4jtJ/1/

Answer 6

像其他人一样使用 。如果文本是动态的，请使用replace：

name = name.replace(/\s/g,' ');

Answer 7

var name = "Review     1"
name.split(' ').join('&nbsp');
$('#target').html(name);​

Answer 8

您可以使用<pre>代码：

$('#target').html('<pre>'+name+'</pre>');

结帐小提琴：http://jsfiddle.net/8BJuB/