Zakimi::Blog

■ pre表示指定

　preタグで囲んだ文字列はそのまま表示されるためコード等を表示するとき利用される。結構便利なタグなんだけど、折り返しは自動的にしないから長い行があると当サイトのように２カラム表示が崩れてしまうことがしばしば。

　ところが下記のコードをスタイルシートに入れるとそれが直ります。どう直るかは各自で確認してみてもらうか当サイトでpreを使っている部分を見て下さい。

pre {
                width: 96% ;
                margin: 7px 2% 7px 2% ;
                padding: 1em 0.4em ;
                line-height: 135% ;
                color: white ;
                font-size: 90% ;
                background: #489 ;
                overflow: auto ;
}

ぜひお試しあれ