大小不确定图片垂直居中_html/css

如果只是水平方向居中的话，用text-align:center;（火狐中用margin:0 auto;）这个属性就可以了。但是，垂直方向的居中好像很难做到，无论是用css里的"vertical-align:middle;"，还是用img的align="absmiddle"，图片在垂直方向似乎都无动于衷。

发现了如下一个方法，做个收藏。

样式部分：

.middle-out{

width: 600px;

height: 385px;

position: relative;

display: table-cell;

vertical-align: middle;

text-align:center;

border: 1px solid #f00;

}

.middle-in{

position: static;

*position:absolute;

top:50%;

}

.middle-out .middle-in img{

position:static;

*position:relative;

top:-50%;

left:-50%;

}

HTML部分:

声明：本网页内容旨在传播知识，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。TEL:177 7030 7066 E-MAIL:11247931@qq.com