エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
【特集】CSS実装徹底検証! そこが知りたいInternet Explorer 7 (8) 03-03 置換要素を含む行の高さが変わる問題を修正 | クリエイティブ | マイコミジャーナル
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
【特集】CSS実装徹底検証! そこが知りたいInternet Explorer 7 (8) 03-03 置換要素を含む行の高さが変わる問題を修正 | クリエイティブ | マイコミジャーナル
これまでのIEでは画像などの置換要素を含む行で、ブロック要素に対して指定したline-heightプロパティの... これまでのIEでは画像などの置換要素を含む行で、ブロック要素に対して指定したline-heightプロパティの値が無視され、行の高さが変わるという問題が発生していた。この問題は、インライン要素や置換要素の高さよりもline-heightプロパティの値を大きく指定した場合に発生する。 ブロック要素に適用したline-heightプロパティは、インライン要素の高さの最小値を指定するものとされている。そのため、内包するインライン要素や置換要素の高さがline-heightの値よりも小さい場合、インライン要素の高さはline-heightで指定した値で処理されなければならない。 サンプルソース3-3-1では、<p>に対してline-heightプロパティを60ピクセルに指定している。また、文章の中には小さな画像(image.png)を挿入した。このソースを表示すると、IE6では画像を含む行の高さが