半角スペースを表示したいなら ではなくwhite-space: pre;を使いましょうという話 - Qiita

はじめに 連続する複数の半角スペースは1つにまとめられたり、先頭末尾の半角スペースは省略される これははじめてHTMLに触れた人が戸惑う部分だと思います。 ではその半角スペース分の空白をどのようにして表示すればいいのかと調べれば、 などの特殊文字を紹介する記事が数多くヒットします。 HTMLでの半角スペースは なんだと強引に表現するサイトもありますが、半角スペースと が異なることは調べればすぐわかります。 もう文字コードから違います。 半角スペースと は別物なのに、半角スペースを表示するために を使っていいのでしょうか？ 答えはNoだと思います。 結論 半角スペースを半角スペースとして表示するにはwhite-space: pre;を使います。 preはおそらくpre要素のpreですね。 white-spaceはCSSプロパティです。 つまり

[xlc]

  は今はなきネスケの「ホームページ」に使われてた。それを見て「なるほど！」と思ったのが最初。コピペに頼る文化だとこういうのも引き継がれていくよね。でもCSSが使えない局面もあるので知っておいてもいい。

[fukken]

white-space: pre-wrapは改行をそのまま改行として表示してくれるので便利。改行を<br>に変換するみたいな見苦しい処理が不要になる。

[suika3417]

ネストのスペースも認識されるので普通に使うと邪魔になりそう。コードを貼り付けたい時のpreの代用手段くらいしか出番が浮かばないかな…

[mole-studio]

十年遅え

[inomoy]

便利

[trace22]

目的によるが文字コードを気にするんなら数値参照でやっといたほうがよさそうだな https://blog.fenrir-inc.com/jp/2011/06/post_51.html

[ku__ra__ge]

じゃあインデントはどうするんですか？

[mag4n]

んーぱっと使うシチュエーションが分からない。余白とりたいならmerginやらpaddingでちゃんとやるべき。

[inazuma2073]

今頃こんな事言われても案件