web-dev-qa-db-ja.com

JavaScriptで複数のスペースを含む文字列を作成する方法

変数を作成することにより

var a = 'something' + '        ' + 'something'

この値を取得します:'something something'

JavaScriptで複数のスペースを含む文字列を作成するにはどうすればよいですか?

27
István

\xa0を使用します-これはNO-BREAK SPACE文字です。

TF-8エンコードテーブルとUnicode文字 からの参照、次のように記述できます。

var a = 'something' + '\xa0\xa0\xa0\xa0\xa0\xa0\xa0' + 'something';
63
Andrew Evt

 を使用

これは、改行しないスペースを表すために使用されるエンティティです。これは基本的に標準的なスペースであり、主な違いは、ブラウザーがこのが占める位置でテキスト行を分割(またはラップ)しないことです。

var a = 'something' + '&nbsp &nbsp &nbsp &nbsp &nbsp' + 'something'

ノンブレークスペース

HTMLで使用される一般的な文字エンティティは、改行なしスペース(nbsp;)です。

ブラウザは常にHTMLページのスペースを切り捨てることに注意してください。テキストに10個のスペースを書き込むと、ブラウザはそのうちの9個を削除します。テキストに実スペースを追加するには、nbsp;文字エンティティを使用できます。

http://www.w3schools.com/html/html_entities.asp

デモ

var a = 'something' + '&nbsp &nbsp &nbsp &nbsp &nbsp' + 'something';

document.body.innerHTML = a;

InnerHTMLで<pre>タグを使用できます。 HTML <pre>要素は、HTMLファイルに記述されているとおりに表示される書式設定済みのテキストを表します。テキストは通常​​、非比例(「固定幅」)フォントを使用してレンダリングされます。この要素内の空白は、書かれたとおりに表示されます。別のフォントが必要ない場合は、CSSファイルにセレクタとしてpreを追加し、必要に応じてスタイルを設定します。

例:

var a = '<pre>something        something</pre>';
document.body.innerHTML = a;
1
Soupedenuit