ブラウザはHTMLタグのテキスト間の空白を削除しますか

Question

これが問題を示すフィドルです

ラベルタグのコンテンツに多くの空白を挿入しましたが、レンダリングされたhtmlによって削除されているようです。上記の問題に のみの解決策を追加しています

HTMLコンテンツ

<label>label with very long white space in between</label>

Sirko · Accepted Answer

空白の表示の通常の動作は、空白を1つに圧縮してから表示することです。

それから2つの例外があります：

Arun Chandran C · Answer

ブラウザは通常、複数の連続するスペースやキャリッジリターンを単一のスペースとして扱います。ノーブレークスペースの場合、(  or  )ブラウザは通常、単一のスペースに折りたたまれることなく、複数の連続した出現をそのまま受け入れます。

解決策1：

(  or  )は必要なだけハードコーディングできます。

開始<pre>タグと終了</pre>タグの間のテキストは、ソースドキュメントのフォーマットを保持します。

解決策2：<pre>タグを利用できます。

css で実行したい場合も、上記の回答はhtmlの観点からのみ同じように実行できます。

bansi · Answer

はい、複数の空白はブラウザによって1つの空白に変換されます。あなたの唯一のオプションは、ハードスペースを持つことです。 &nbsp;