« Thunderbirdの問題の解決 その3 | トップページ | Thunderbird、これは便利編 その1 »

2019年2月16日 (土)

改行

今日は晴れ時々曇り。
気温は高めで、もうすぐ春?なんて思わせるような気候だった。

朝日。

太陽の上に、明るい部分が。
なんか、光線が縦方向に上に伸びているようにも見える。
太陽柱??

Thunderbird話題は、一回お休み。

ココログを使っていない人には全くどうでもいい話。(苦笑)

2日前から、Blogの改行の仕方を変えてみた。
何年もココログを使っているのに、今更っていう感じだけれど。(苦笑)

ココログでの段落のくくりは、<p></p>。
普通に、Enterキーを押すと、<p></p>で囲われる。

でも、それだと、次の段落とのスペースが若干広がり、関連性のある文章を書いている時は困ってしまう。

一括りの段落で、ただ単に改行したい時は、Shift+Enterで改行する。
その時の改行は、<br />となる。

この上の文章の改行は、その<br />で行っている。

で、全く関係のない話題になる時は、スペースをもっと広げたい。
この段落<p></p>の括りの広がりだけでは、話題の切り替えが分かりづらい。

出来れば、<p></p>を何個も並べてスペースを開けたいのだけれど、<p>と</p>の間に何も文字がない場合は、無視されてしまう。

「スペース(&nbsp;)」を入れればいいんだけれど、なんかスマートではない。

じゃぁ、<br />で何個も改行すればいいんじゃない?ということなんだけれど、個人的にはなんか気に入らない。(苦笑)

なんとか<p></p>でスペース空けられないかなぁ、と思って、試行錯誤してみた。

結果、こういう感じになった。

行間テスト
行間テスト行間テスト行間テスト行間テスト行間テスト行間テスト行間テスト行間テスト行間テスト行間テスト行間テスト行間テスト行間テスト行間テスト行間テスト行間テスト
行間テスト
赤色は、50px

行間テスト行間テスト行間テスト行間テスト行間テスト行間テスト行間テスト行間テスト行間テスト行間テスト行間テスト行間テスト行間テスト行間テスト行間テスト行間テスト
行間テスト
行間テスト
黄色は、20px

行間テスト
行間テスト
行間テスト行間テスト行間テスト行間テスト行間テスト行間テスト行間テスト行間テスト行間テスト行間テスト行間テスト行間テスト行間テスト行間テスト行間テスト行間テスト
青色は、30px

行間テスト
行間テスト行間テスト行間テスト行間テスト行間テスト行間テスト行間テスト行間テスト行間テスト行間テスト行間テスト行間テスト行間テスト行間テスト行間テスト行間テスト
行間テスト
灰色は、10px

行間テスト行間テスト行間テスト行間テスト行間テスト行間テスト行間テスト行間テスト行間テスト行間テスト行間テスト行間テスト行間テスト行間テスト行間テスト行間テスト
行間テスト
行間テスト行間テスト行間テスト行間テスト行間テスト行間テスト行間テスト行間テスト行間テスト行間テスト行間テスト行間テスト行間テスト行間テスト行間テスト行間テスト行間テスト
行間テスト

「行間テスト」と書いているところは、<p></p>で括り、改行は<br />。

色がついているところが、今回工夫したところ。
文字は一切入っていない。

色々と試した結果、<p></p>の下部分を広くしたい場合、文字があればいいのだけれど、文字がなければ、「margin-bottom」を指定しても無視される。

じゃぁこれだったらどうだろう?と思って、「padding-bottom」にしてみると、文字がなくても、<p></p>だけでスペースを空けることが出来たのである!

数値を変えてみて、スペースの空き具合を見てみた結果が、上記の通り。

上記を見てみると、一般的な話題切り替えの時は、灰色の10pxでいいかな、と。

完全に違う話題の場合は、青色の30pxか黄色の20pxかな?

ということで、今後は、繋がりのある文章のまとまりは、<br />で改行して<p></p>で一段落とし、話題を変える時は、スペースを空ける上記の色のどれかにしようかな、と思っている。

とまぁ、どうでもいい話であった。(笑)

|

« Thunderbirdの問題の解決 その3 | トップページ | Thunderbird、これは便利編 その1 »

パソコン・インターネット」カテゴリの記事

日本写真 姫路」カテゴリの記事

コメント

コメントを書く



(ウェブ上には掲載しません)




« Thunderbirdの問題の解決 その3 | トップページ | Thunderbird、これは便利編 その1 »