blog/content/post/2008/02/09/2008-02-09-00000791.md

2.3 KiB
Raw Blame History

title author date wordtwit_post_info categories
スーパーpre記法で縦スクロールバーを出したい kazu634 2008-02-09
O:8:"stdClass":13:{s:6:"manual";b:0;s:11:"tweet_times";i:1;s:5:"delay";i:0;s:7:"enabled";i:1;s:10:"separation";s:2:"60";s:7:"version";s:3:"3.7";s:14:"tweet_template";b:0;s:6:"status";i:2;s:6:"result";a:0:{}s:13:"tweet_counter";i:2;s:13:"tweet_log_ids";a:1:{i:0;i:3709;}s:9:"hash_tags";a:0:{}s:8:"accounts";a:1:{i:0;s:7:"kazu634";}}
つれづれ

はてなのある特定のテーマにおける「pre記法」ではそのpre領域で縦スクロールがつかず、下にただ伸びて行くのがデフォルトとなっているものがある。このCSSのまま長い文章、例えば長いコードをpreタグ内に書くと日記が「べろりん」と長くなってしまう。それを解消するためにCSSをいじってみた。 結局はやさんの協力により以下を追加すればよいことが判明した。

.body .section pre {
/* pre領域の最大高さ */
max-height: 30em;
/* 領域をはみ出た場合の処理。autoで通常はスクロールバーが出現 */
overflow: auto;
}

ちなみに「.body .section」がないとうまくいかないようです。

pre記法で縦・横スクロールバーをつける方法 毛の生えたようなもの

ありがたい情報(__)