「pre」タグがすべての空白とタブを 1 つのスペースに折りたたむことを読みましたが、そうではありません。
なぜそうなのですか?それはWebブラウザに依存していますか、それとももっと何かをする必要がありますか?
「pre」タグがすべての空白とタブを 1 つのスペースに折りたたむことを読みましたが、そうではありません。
なぜそうなのですか?それはWebブラウザに依存していますか、それとももっと何かをする必要がありますか?
HTML 4.01仕様より
PRE 要素は、囲まれたテキストが「整形済み」であることをビジュアル ユーザー エージェントに伝えます。フォーマット済みテキストを処理する場合、ビジュアル ユーザー エージェントは次のことを行います。
- 空白をそのまま残すことができます。
- テキストを固定ピッチ フォントでレンダリングする場合があります。
- 自動ワードラップを無効にする場合があります。
- 双方向処理を無効にしてはなりません
PRE タグは、入力したとおりに空白を残します。目的はそれだけです。pre タグを使用しない場合、標準の HTML では、記述したとおりに空白が折りたたまれます。空白を折りたたむのではなく、保持することに関心がある場合は、PRE を使用します。
JSFiddleの例を次に示します。
これにより、空白が保持されます。
<pre>
Spaces
and more
galore
</pre>
これにより、空白が折りたたまれます。
<div>
All
together
now
</div>
PRE タグは、コンテンツを書いたときと同じ形式に保つだけです。「フォーマット済み」のテキストを、書いたときと同じ方法で保持するために使用されます。