jquery - 真ん中に「」を表示させる方法

Question

そのようにレンダリングされる中央に連続した空白がある文字列「レビュー1」を作成する方法。以下の例をご覧ください。

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

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

ありがとう

score 7 · Accepted Answer

7

 すべてのスペースに1つ使用

于 2012-12-19T10:30:54.553 に答える

score 7 · Accepted Answer

空白の処理方法を変更します。

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

score 1 · Accepted Answer

複数のスペースが必要な場合は、スペースにhtmlエンコード文字を使用できます： （=非ブレークスペース）

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

score 1 · Accepted Answer

1

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

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

于 2012-12-19T10:31:53.657 に答える

score 1 · Accepted Answer

使用する必要があります.replace()これを試してみてください：

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

score 0 · Accepted Answer

 他の人が言っているように使用してください。テキストが動的である場合は、replaceを使用します。

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

score 0 · Accepted Answer

0

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

于 2012-12-19T10:39:34.383 に答える

score 0 · Accepted Answer

さてあなたは<pre>タグを使うことができます：

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

フィドルをチェックアウト：http：//jsfiddle.net/8BJuB/

8 に答える 8