NonTitleの日々を残すブログ
html5の不審なimgタグの余白
html5にてブロックタグの中に<img>タグを入れている場合、不自然な余白が下につく症状に遭遇し悩んだので備忘録として残しておきます。途中から手伝ったので設定が自分のと違うのでそれが原因かと勝手に思い込んでいたら違いました。
調べてみるとhtml5から<img>タグの「vertical-align」の初期値が「baseline」になったことで、「余白」ができたように見えてしまうようになりました。これまでと同様のコーディングを行いたい場合は、<img>タグの初期値を下記にすることで解決します。詳細に説明されている方もいらっしゃるので詳しく知りたい方はググってください。
vertical-align: bottom;
タグ: 制作メモ
2012/01/18 by NonTitle
■パソコンそろそろ買い替えたいなー【DELL】にしよっかな
トラックバック受け付け中
関連記事
- 制作メモ – 最新CSSハック一覧
- 制作メモ – Legacy（.ai）
- 制作メモ – バックスラッシュ
- 制作メモ – プチEclipse
- 制作メモ – 使える！
- 制作メモ – MTNoSearchタグ
- 制作メモ – リストタグの余白
- 制作メモ – 簡単ツールチップ
- 制作メモ – 横並びブロックのマージン問題
- 制作メモ – リストタグの最初のボーダー
