改行の制御
昨日書いたやり方を 「メモ帳」欄だけでなく各記事中でもやろうと試みた.
各記事の本文を囲むdiv要素を div.post_body とすると,
div.post_body br { display: none; }
でよいのだけれど,これだと今まで書いた記事の表示が目茶目茶になってしまう*1ので,新たに div要素のクラスを一つ定義してやって,
div.ignore-linebreak br { display: none; } div.ignore-linebreak br.force { display: inline; }
とでもしてやる.もちろん2行目はどうしてもbrタグで改行したくなった場合の対策.
今後書く記事の本文は
<div class="ignore-linebreak">
:
ここに本文が入る
:
</div>
のように括ることにすればよい.毎回これをやるの,面倒くさいけれど,今までの400件近い記事を全部整形し直す手間に比べたら楽なものだ.
ひとつ気になるのは,RSSリーダ越しに読んでいる場合には当然上述のスタイルの記述は適用されないから,RSSで見るのとblogを直接見るのとで見栄えが大きく違ってしまうということ.さっき自分で見てみたら,RSSリーダ越しに読んだ時には何だかLaTeXの原稿を見ているみたいな妙な感じだった.
*1:今までは段落ごとにpタグで括るやり方を取らず,brばかりでやっていたから.