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 style="text-align:center;width:400px;height:400px;overflow: hidden; border:#000 1px solid; "><table><tr><td align="center" style="width:400px;height:400px;"><img src="IMG src="http://img02.taobaocdn.com/imgextra/i2/61884532/T2dQ0WXA4aXXXXXXXX_!!61884532.jpg" /></td></tr></table></div>

追问

你好亲 图片中心显示的是红叉叉

追答

说明图片路径不对，没显示出来挖

追问

恩 我将src="IMG去掉 就一切正常了 另外还有一个问题 就是这样是一行只有一个框 如何让其不换行 一行不限制只一个框

追答

你是说一个DIV里一行上放几个图片，还是说这样的几个DIV并排啊？

追问

是几个DIV并排呵呵 抱歉啊 表达能力差 谢谢你

追答

我看你之前的代码上有float:left，这是可以的呀，只要该400px的DIV的父框够宽，不过本DIV有border，所以实际宽度是402px,比如放2个这样的DIV，其父框就得至少804px

Answer 2

div中加 vertical-align: middle;上下居中，text-align:center;左右居中

Answer 3

在DIV的css上加这两句：
display: table-cell;
vertical-align: middle;