Question

有个简单的html代码内详，附带图。内容是一个大图框里放置了一张小图，求修改为让小图上下左右居中的效果

高手跪求，网页代码为——
<DIV style="BORDER-BOTTOM: #000 1px solid; BORDER-LEFT: #000 1px solid; MARGIN: 2px; WIDTH: 400px; FLOAT: left; HEIGHT: 400px; OVERFLOW: hidden; BORDER-TOP: #000 1px solid; BORDER-RIGHT: #000 1px solid" id=img align=center><IMG src="http://img02.taobaocdn.com/imgextra/i2/61884532/T2dQ0WXA4aXXXXXXXX_!!61884532.jpg"></DIV>
效果如图

这样的图并不是在框内上下左右居中的，我输入了 align=center 代码 但是图片只是在框内左右居中，但是还是顶着上边框没有上下居中。现在求高手修改这个代码，让里面的小图变为相对上下左右的边框都居中。

Answer 1

设置div为背景？

<div style="width:400px;height:400px;border:#000 1px solid;float:left;background: url(http://img02.taobaocdn.com/imgextra/i2/61884532/T2dQ0WXA4aXXXXXXXX_!!61884532.jpg) #fff no-repeat center;"></div>

追问

对的呢 必须是DIV背景呢 因为是用于淘宝的 CSS是不行的呢

Answer 2

<DIV style="border:solid 1px #000;margin:2px;width:400px;height:400px;overflow:hidden;display: table-cell;text-align:center;vertical-align:middle;" id="img"><IMG src="
!!61884532.jpg" style=""></DIV>

 这个你可以试一下

追问

vertical-align:middle 这个也是试过了 不行呢 额 好急