preタグを使うときの注意点

ホーム > ブログ　|　検索

1.preタグ内であっても< > &は、それぞれ< > &と書かなければならない。

2.preタグはmarginが設定されている(余白ができる)ようなので、これを回避したい場合はスタイルシートでmarginを0に指定する。

例

<pre style="margin: 0;">
あいうえお
かきくけこ
さしすせそ
</pre>

3.プログラムのソースコードを表示する時は、<code>を組み合わせて使うと良い。ただし、codeタグ直後から書かないと空行が出来てしまう。

例

<pre>
<code>#include &lt;stdio.h&gt;

void main(void){
    printf("Hello World");
}</code>
</pre>

4.デバイスの幅（ブラウザの表示画面の幅）を超えても改行はされない。幅に合わせて改行させたい場合、以下のようにする。

例

<pre style="white-space: pre-wrap;">
あいうえお　かきくけこ　さしす…
</pre>