トップスポンサー広告 > CSSでIMGの横のテキストを上下中央揃えに出来ない対処
トップCSSメモ > CSSでIMGの横のテキストを上下中央揃えに出来ない対処

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
[FC2広告]

CSSでIMGの横のテキストを上下中央揃えに出来ない対処

イメージの横のテキストを上下中央に表示するには親コンテナに設定するのが一般的です。今回なぜか上手く表示されない不具合が生じたので、イメージのみにCSS指定で適用させた例を書き残していおきます。>

【上手くいかなかった親コンテナへのCSS指定】
  • 親コンテナに「display: table-cell;」と「vertical-align: middle;」を指定する方法。
  • 親コンテナの高さとテキストのline-heightを同じ値に指定する方法
【上手くいったイメージタグへのCSS指定】
  • 対象のIMGに「vertical-align: middle;」を指定。
スポンサーサイト
[FC2広告]

Trackback

スポンサーリンク

この記事に対するコメントは0件隠す

(編集・削除用)
管理者にだけ表示を許可

トラックバック (0)

はてなブックマーク

関連記事(関連度)
関連記事(関連度)

ハッケンブログとは

グリ

ハッケンブログ(発見部ログ)は、便利・面白ウェブサービス/フリー素材サイト/フリーソフトなどを発見・まとめ紹介するブログです。

まとめ
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。