■説明
■サンプル
記述例 |
<pre> たとえば、このように記述したとしても 自動改行でもされない限り、数行にわたる文章にはならないが、 このべたテキストのタグをもちいると記述した文章のまま表示される。 </pre> |
表示例 |
たとえば、このように記述したとしても 自動改行でもされない限り、数行にわたる文章にはならないが、 だから、上の行の様に文章の途中で行頭に空白を開けることも容易にできる。 |
注意 <pre>で囲まれた範囲は等幅フォントになるが、全角文字と半角文字の比が2:1でないことが多いために、 日本語のテキストは微妙にずれてしまう。 これを避けるために、全角スペース文字などを駆使し全角文字数をあわせることが美しく表示させるためのポイントである。 IE2.0やIE3.0では、<pre>で囲まれたテキストが妙に小さく (<small> また、<pre>を用いた文章は改行位置を固定してしまうことになり、 横方向に狭いブラウザで見ると1行毎に左右スクロールをさせなければ読めない文章になってしまう。 いずれにしても、<pre>を使用した場合は、他のブラウザでどのように見えるのか、確認することを強く勧める。 |