FC2ブログ
にゃろぐ
PCとかF1とか
スポンサーサイト
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

超簡単にCSSで画像を上下中央寄せする方法
動的サイト作ってるとサイズの分からない画像をボックス内で上下左右中央寄せしたい場合がよくある。
table-cellとか使えばできるんだけどIE7が非対応なので好きじゃない。

で、思ったんだけど背景画像にしてやればいいんじゃないかなと。

html

<div class="imgbg" style="background-image:url('imgname.jpg');"></div>

css

.imgbg{
width:300px;
height:300px;
background-position:center center;
background-repeat:no-repeat;
}

これだけ。リンクを付けたい場合は1x1pxの透明pngを引き伸ばして被せてやればよいかと。
空div使うなとかstyle属性はよくないとかalt付けられないとか突っ込みがありそうですが。


スポンサーサイト

テーマ:web制作 - ジャンル:コンピュータ



プロフィール

toshi

Author:toshi
FC2ブログへようこそ!



最近の記事



最近のコメント



最近のトラックバック



月別アーカイブ



カテゴリー



里親募集



ブログ内検索



RSSフィード



リンク

このブログをリンクに追加する





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