hate123の日記

はてなダイアリーの行間が空くのを防ぐ方法

TIPS

お題

はてなダイアリーを入力すると、１行と１行の間が空いてしまうのを狭くしたい。

経緯

はてなダイアリーは、入力した文の「文頭から改行まで」を、

「１行」ではなく「１つの段落」とみなし、<p>タグで囲む。

段落と段落の間は空けたほうが見やすいので、空けている。

しかし、ユーザは必ずしも「文頭から改行まで」を１段落とは考えていおらず、「１行」と考えている場合もある。よって行間が空いてしまうことになり、狭くしたい。

例えば、表示を以下のようにしたい場合、

分かりやすく、楽な記述方法を考えてみる。

情報元

今のところ考え方は２つあるようだ。

考え方１

そもそも「段落」のつもりで記述していないのだから、

段落タグ<p>の挿入を禁止する。

ただし改行には<BR>タグを使う必要がある。

考え方２

とにかく表示上、行間が空かなければいい。

この場合、２つのことを行えばよいようだ。

1. スタイルシートで段落と段落の間を狭くする。

2. 空行を２行記述すると、空行１行が表示される。

結論

考え方2

とりあえず、私は、表示上行間が空かなければいいので、考え方2を採用。

一度、段落の上下の隙間をなくすようにスタイルシートの設定をしておけば、

後は、毎回簡単な記述をするだけでよい。

一番スタンダードで、おそらく一番多く採用されている回避策なのではないかと考えている。

●スタイルシートの設定

　管理ツールトップ > デザイン編集 の 「スタイルシート」

　+

●記述

ただし、ブラウザで右クリックしソース表示なんてやってはいけない。見た目は期待通りだが、ソースは段落のPタグがぐちゃぐちゃに挿入されたままである。それが気になる方の対処方法がもしあれば見てみたい。

●ソース

<p>本文1</p>
<p>本文2</p>
<br>

<p>本文3 </p>

分野：【はてなダイアリー】【WEB】

Permalink | コメント(0) | トラックバック(0) | 21:40