line-heightの設定についてすごく悩んでいます。bodyに1.7など一般的な値を設定すると、heightが低い画像に余分な高さが出てしまうことがあります。かといって、何も設定しないと閲覧環境に左右されてしまいます。
コーディングするページ全体でline-heightが統一されている場合は、bodyやpなどに設定すればいいと思うんですが、場所によって若干違う場合はいちいち個別に設定するものか、それか全体に設定して場所によって上書きするか、悩んでしまいます。
みなさん、line-heightはどんなルールで設定していますか?場所ごとにそれぞれ設定していますか?それとも、bodyやpやliなど、上位要素に設定していますか?何かいい方法があれば教えて下さい。
みんなの回答 6 件
img {
line-height:1;
}
にしてみてはどうでしょうか。
imgにvertical-align:bottomを設定
なんのために、remやemや%があるのだろうか。
line-heightのみならず、テキスト全般に言えることだけれど、たとえばジャンプ率とかどうやって設定してるわけ?
bodyに設定して余白が不要な所はline-height:1でやってます。
line-height より小さい画像って使わないんだけど…。
俺は昔は body には設定せず、p, ul, ol, dl, td, th だけに設定してたな。そんな感じにしたら?
今は全然気にしないで body に設定してるんだけど、なんでそうするようになったんだっけな…。確か古いIEは body に設定しても td に効かなかった気がする。それでそうしてたかな。
これ、そのまえに、デザインでp要素の下マージン20pxだったとして、コーディングではどう指定する?
マージン20pxって指定したらline-height分が増えるでしょ。
line-heightの幅はブラウザによって上だったり下だったりしそうなんだけど。
関連するトピックス