【はてなブログ】スーパーpre記法でスクロールバー（縦横）を表示させるためのCSSメモ
はてなブログのスーパーpre記法で、コマンド実行結果やソースコードを記載するときに、
行数が長い場合に、縦にダラダラと長くなってしまうので、
ある程度の行数を指定して、縦スクロールバーが表示されるようにするCSSのメモを紹介します。
具体的な手順
設定 ＞ デザイン ＞ カスタマイズ ＞ デザインCSS に
下記コードを追記します。
.entry-content pre.code{ /* pre領域の最大高さ */ max-height: 20em; /* 領域をはみ出た場合の処理。autoで通常はスクロールバーが出現 */ overflow: auto; }
実際のイメージ
実際に行数の長いコードを書いた場合に、下記のように表示されます。
test1 ああああああああああああああああああああああああああああああああああああああああああああ test2 ああああああああああああああああああああああああああああああああああああああああああああ test3 ああああああああああああああああああああああああああああああああああああああああああああ test4 ああああああああああああああああああああああああああああああああああああああああああああ test5 ああああああああああああああああああああああああああああああああああああああああああああ test6 ああああああああああああああああああああああああああああああああああああああああああああ test7 ああああああああああああああああああああああああああああああああああああああああああああ test8 ああああああああああああああああああああああああああああああああああああああああああああ test9 ああああああああああああああああああああああああああああああああああああああああああああ test10 ああああああああああああああああああああああああああああああああああああああああああああ test11 ああああああああああああああああああああああああああああああああああああああああああああ test12 ああああああああああああああああああああああああああああああああああああああああああああ test13 ああああああああああああああああああああああああああああああああああああああああああああ test14 ああああああああああああああああああああああああああああああああああああああああああああ test15 ああああああああああああああああああああああああああああああああああああああああああああ test16 ああああああああああああああああああああああああああああああああああああああああああああ test17 ああああああああああああああああああああああああああああああああああああああああああああ test18 ああああああああああああああああああああああああああああああああああああああああああああ test19 ああああああああああああああああああああああああああああああああああああああああああああ test20 ああああああああああああああああああああああああああああああああああああああああああああ test21 ああああああああああああああああああああああああああああああああああああああああああああ test22 ああああああああああああああああああああああああああああああああああああああああああああ test23 ああああああああああああああああああああああああああああああああああああああああああああ test24 ああああああああああああああああああああああああああああああああああああああああああああ test25 ああああああああああああああああああああああああああああああああああああああああああああ test26 ああああああああああああああああああああああああああああああああああああああああああああ test27 ああああああああああああああああああああああああああああああああああああああああああああ test28 ああああああああああああああああああああああああああああああああああああああああああああ test29 ああああああああああああああああああああああああああああああああああああああああああああ test30 ああああああああああああああああああああああああああああああああああああああああああああ
当ブログで行っている、はてなブログのカスタマイズ方法まとめ
以下の記事で、当ブログでやっている、はてなブログのカスタマイズ方法をまとめて紹介しています
