スポンサーサイト

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

画像を上下中央に配置

続きはソース

html
<ul id="sampleBox">
<li><div><img src="" width="100" height="100" /></div></li>
<li><div><img src="" width="80" height="50" /></div></li>
<li><div><img src="" width="120" height="30" /></div></li>
</ul>
css
#sampleBox{
    width:453px;
	border-top:solid 1px #CCC;
	background:#ECFAFF;
	overflow:hidden;
}

#sampleBox li{
	float:left;
	border-right:solid 1px #CCC;
	border-bottom:solid 1px #CCC;

}

#sampleBox li div{
	display:table-cell;
	width:150px;
	height:150px;
	text-align:center;
	vertical-align:middle;
	layout-grid-line:150px;
}

#sampleBox li img {
	vertical-align:middle;
}
関連記事

コメント


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