css怎么将图片在DIV里居中啊?

来源：百度知道 编辑：UC知道 时间：2024/05/03 11:59:18
那位大哥大姐帮我编一下代码
<style>
</style>
<div id="banner"><img src="image/banner.gif" width="582" height="63" /></div>
我研究了 一下午 都没搞懂
好像还要用vertical-align:middle;
我的意思是让图片在DIV里垂直居中啊

结构：
<div class="tb-p-c"><img src="http://www.zjt.com.cn/images/logo/logo_index.gif" /></div>
样式：
.tb-p-c{
display: table-cell;
vertical-align:middle;
width:140px;
height:140px;
text-align:center;
*display: block;
*font-size: 122px;
background:red;
}
.tb-p-c img {
vertical-align:middle;
}
这段代码可以帮助你居中，不过有瑕疵，就是当图片过大的时候在火狐里不会剪切图片，所以要控制图片的高宽<=容器的高宽

改成这样就行了。<center><div id="banner"><img src="image/banner.gif" width="582" height="63" /></div></center>

line-height:63px;垂直居中 水平用text-align:center