このブログではサンプルコードを載せることが多いので、整形済みテキストのためのPREタグを結構使う。PREタグは、括られた部分を整形済みテキストとして扱い、改行や空白がソースのまま出力されるので、プログラムやCSSのサンプルソースを載せるのには便利なのだが、ブラウザの幅を狭めている人やちょっと大き目の文字を使っている人は、整形済みテキストが記事エリアをはみ出してしまうことがある。 仕方がないので、CSS: 「折り返す」pre や pre 要素による整形済文字列をどう扱う ? の記事を参考にCSSでPREタグのスタイル(見栄え)をちょっと変えることにしてみた。CSSの変更(追加)箇所は、以下の通りです。 /* エントリ内:整形済みテキスト */ .etBody PRE { /* 折り返し有効 */ white-space: -moz-pre-wrap; /* Mozilla */ white-
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く