如何讓「」出現在中間

如何使字符串「Review 1」中間的順序空格被渲染爲這樣。請參閱下面的example。如何讓「」出現在中間

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

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

感謝

2012-12-19 eomeroff

你可以用'string.replace' 參見：http://stackoverflow.com/questions/1981349/regex-to-replace-multiple-spaces-with-a-單空間 – cowls

大多數瀏覽器會修剪多個空格，因此您需要爲每個空格使用' '。 – Archer

使用一個 對於每一個空間

2012-12-19 10:30:54

或用.text（）替換.html（） – redwind

@redwind爲什麼？這對空白空間的渲染沒有任何影響 – Esailija

對不起，這是我的錯誤，.text（）可以在不使用的情況下渲染空間，但只有一次空間。如果要渲染多個空格，則需要使用。 – redwind

如果需要多個空格，你可以使用一個空間的HTML編碼的字符： （=非休息空間）

var name = "Review&nbsp;&nbsp;&nbsp;&nbsp;1"

2012-12-19 10:31:36

更改空白處理方式：

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

2012-12-19 10:31:49 Esailija

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

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

2012-12-19 10:31:53 andlrc

使用 像其他人所說的。如果文字是動態的，使用替代：

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

2012-12-19 10:32:11 Tetaxa

您需要使用.replace()試試這個：

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

2012-12-19 10:35:23 PhearOfRayne

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

2012-12-19 10:39:34

那麼你可以使用<pre>標籤：

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

2012-12-19 10:44:00 Jai

回答