スタイルシートの行間設定＋画像

質問

スタイルシートを使って
行間を空けているのですが、

あいうえお
かきくけこ
さしすせそ

このような文章に

あいうえお(画像)
かきくけこ
さしすせそ

としたら「あいうえお」と「かきくけこ」の幅と
「かきくけこ」と「さしすせそ」の幅が違いました。
行は全てDIVで囲ってあります。
これを直すにはどのようにすればよいのでしょうか。
なお画像の大きさ(縦)は文字と同じぐらいなのですが・・・

回答No.1

noname#39145

＞スタイルシートを使って行間を空けているのですが、
最低限のソースなどは書きましょう。

＞なお画像の大きさ(縦)は文字と同じぐらいなのですが・・・
そこが問題ですね。
"同じぐらい"であって、同じになってないんですよ。
文字の正確な上下の高さって正確にはわからないですよね？

まぁ、単純に画像が少し大きくて、divのボックスが大きくなっているんじゃないかと。
文字をpxで指定して、画像と合わせれば平気かな？
画像を小さめにしてもいけるかも。

文字と画像にborderをつけてみると、それぞれのボックスの大きさを比べられます。