January 13, 2005
[blog]行間を読め！（cssの行間の件について。line-height:）
行間を読め！（cssの行間の件について。line-height:）
当ブログは小粋空間さんの３カラムテンプレをベースに使っているわけですがいまいち？？？な事があるのでメモ書き（現在改善するほど頭が回っていません）
1:２行改行
2:１行改行
3:全角空白を入れて改行(半角空白でも同じ）
右がソース
2だと行間が狭くて見難いのでいつも1の２行改行を使っています。
でもこれだとCSSを読まないブラウザ（携帯ブラウザ）やRSSリーダーだと見え方が違うので直したいね、ということ。
現行では空白入れ改行が一番妥当。でも綺麗とは言い難い（＾＾；
以下エントリーのCSS。一応行間（line-height:150%;）は150%取れているので、これが原因ではない。
行間はいづこ。
/* 各エントリー */
.blogbody {
background:#ffffff;
background-position:right;
background-repeat:repeat-y;
background-image: url("画像を置くURl/ファイル名.gif");
color:#333333;
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
padding-top:5px;
padding-left:8px;
padding-right:8px;
line-height:150%;
width : auto ;
margin-bottom:15px;
word-break: break-all; /* 半角文字折り返し対処 2004.10.14追加*/
border-left: 1px solid #aaaaaa;
}
はじめまして。
行間の問題は作った当初から懸念事項でして…すいません。
下記の部分を削除して頂ければ元に戻ります。
.blogbody p {
margin-top: 5px;
margin-bottom: 5px;
}
titleと本文、本文と投稿者の行間も変わりますので適宜修正してください。
それでは今後ともよろしくお願い致します。
わざわざ、お越し頂きどうもすみません。
テンプレ便利に使わせていただいています。
/* タイトルと本文の行間を狭くする対処 */
.blogbody p {以下
そういう理由だったんですね、了解しました。
適時修正してみます。ありがとうございます。
フィードバックできるようでしたら改善案書き込ませていただきます。
このエントリーのトラックバックURL:
http://himat.sabax.jp/mt-tb.cgi/35