うわっ…私の行間、広すぎ…?はてなブログの行間を変更してみた
今日ラジカセについてのブログを更新して気づいた。
行間広くない!?
もう一行入る勢いだよ!
ってことで調べてみたら、同じことを感じ行間を変更している方がいた。
はてなブログで改行したら行間が広くなりすぎる問題の解決方法 – CGMプランナーの思考
改行の問題 はてなダイアリーからはてなブログに移転したわけだけど、改行するとやたらと行間が空いてしまう問題に直面した。 別に大した問題ではないのだが、なんだか気軽に改行しづらくなってしまった。そして改行したらしたで、そのまとまりがいかにも「一つの段落ですよ」という感じになってしまい、書いていて窮屈な感じもした。 確かに義務教育内での国語における段落の扱いはそんな感じで、そんなにバンバン改行するもんでもなかった。 しかし書籍・ネット問わず、現代的な書き方だと結構バンバン改行するのが普通だ。それはそうしたほうが読み手にとって読みやすいからであり、僕を含め書き手は当然ながら読まれやすい文章を書こうと…
web-ken.hatenablog.com
なんと素晴らしい!救われた!!
ということで書いてある通り変更してみた。
デザイン→カスタマイズ→{}デザインCSS
と進み
.entry-content p { margin:0}
を足す。
すると!これが!
これに!!
素晴らしい!とってもスッキリだ!
結論
何事もスッキリサッパリいこうぜ
追記
この時から転職して仕事でスタイルシートを扱う今、ちょっと追記。
これって全改行を段落変更で行ってる人向けの修正ですね。本来の改行は<br>で行います。使っているCMSのエディターにもよりますがWYSIWYGモードでshift + Enter で改行になるんじゃないですかね。基本改行はこの操作でおこない、次の段落に行きたい場合にEnterです。
なので行間を変更したい場合はpタグのmarginではなくline-heightをいじりましょう。
いや、新しい段落で改行を表現してもCSSの書き方次第で見た目上は問題ないですけど、マークアップ言語って考えたときに適切な構造とは言えないと思うので。
1冊ですべて身につくHTML & CSSとWebデザイン入門講座 | Mana | コンピュータ・IT | Kindleストア | Amazonはてなブログ Perfect GuideBook | JOE AOTO | 工学 | Kindleストア | AmazonAmazon.co.jp: ブログ飯 個性を収入に変える生き方 eBook: 染谷 昌利: Kindleストア
関連記事
スポンサーリンク
テストテキストテストテキストテストテキストテストテキストテストテキストテストテキストテストテキストテストテキストテストテキストテストテキストテストテキスト
テストテキストテストテキストテストテキストテストテキストテストテキストテストテキストテストテキストテストテキストテストテキストテストテキストテストテキスト