livedoor ナレッジ

私のブログの記事本文のカスタマイズについて、文と文の間一行空けて改行してますが、この空間をもっと狭くすることはできますか？
http://ume3.livedoor.biz/

本日の記事で、

　1/ものぐさなりに自炊が続いている。

　2/最近は、スパゲッティを作っている。

1と2の間の一行分の間を狭くすることはできますか？

さてさて、うめさん。

管理画面に入って、カスタマイズ/管理 ＞ デザインの設定 ＞ カスタマイズ ＞ を順にクリックしていくと CSS と 4つ の HTML のページが出てきます。

その中の、CSS （ スタイルシート ） の記述を書き換えます。
CSS を上から順に見ていくと、

.blogbody{
line-height:130%;
text-align:center;
}

とあるのですが、この中の line-height:130%; があなたの記事本文の行間を指示している部分です。記事本文全体をこれが指示していますので、これの数字を増やせば行間が空くし、減らせば行間が縮まります。

これの数字を減らす事で、うめさんの望みどおり改行し、１行空けた文章の行間は縮まりますが、１行空けていない文章の行間も縮まることになります。

現在のブログを見ていると、そうなればものすごく見難い文章になるんじゃないかと思います。つまり、行間に対する指示はそのまま line-height:130%; のままいかれるほうが良いのじゃないかと思うのです。

ただし、全体の行間を変えずに、その部分的な文章の行間を変える方法がひとつだけあります。記事を書くときに常に意識してやらなければいけなくて、じゃまくさい方法ではありますが。

CSS （ スタイルシート ） の中にこう新たに記述します。

.gyou{line-height:100%;}

これで保存。CSS の再構築をおこなって下さい。次に、記事を掲載する時に、１行空けて改行したい文章の前後を <div> で囲みます。このような感じです。↓

<div class="gyou">
ものぐさなりに自炊が続いている。
<br><br>
最近は、スパゲッティを作っている。
</div>

これで、この <div class="gyou"> </div> で囲まれた文章の行間は、CSS の指示を受けて、常に 100% の間隔で空く事になります。逆に、１行空けて改行しなくても良い方法もあります。CSS に

.gyou{line-height:180%;}

と記述しておいて、同じように文章をはさめば、わざわざ１行空けて改行しなくても、その間は常に 180% 行間が空く事になります。

いちいち、めんどうと思うのなら、お薦めできない方法ではありますが ・・・。