Last Updated 2014/09/22
 Programming Tips  Web  索 引 
HMTL でソースコードの表示
2014/09/22

HTML でソースコードを表示するには,&nbps;<pre> や&nbps;<code> を使用する。
しかし,1行が長い場合は,ブラウザでも横長の表示(横スクロールバーが表示される)になってしまう。
そこで,範囲を指定すればその範囲でちゃんと表示してくれる。

<div style="overflow:auto; width:300px; border:solid 1px #ff0000;">
<pre>
#include <stdio.h>

void main()
{
    int a, b, c, d, e, f, g, h, i, j, k, l, m, n, o, p, q, r, s, t, u, v, w, x, y, z;
}
</pre>
</div>
#include 

void main()
{
    int a, b, c, d, e, f, g, h, i, j, k, l, m, n, o, p, q, r, s, t, u, v, w, x, y, z;
}

テーブル内で表示する場合も,同様の方法で可能である。


参照
テーブルの幅
前後のTips
HMTL でソースコードの表示

DSS ProgrammingTipsCGI Ver1.04