Size Not sure picture vertically centered

If the image size is not sure, how do you make the picture vertically centered in the div? Of course, if you use a form, it's another matter. This is just about using CSS to control the situation.

If it is only horizontally centered, use Text-align:center; (Firefox with margin:0 Auto;) This property is available. However, the vertical direction of the center seems difficult to do, whether in the CSS "vertical-align:middle;", or with the img align= "Absmiddle", the picture in the vertical direction seems to be indifferent.

Found the following method to do a collection.

Style section:

. 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 section:

<div class= "Middle-out" >

<div class= "Middle-in" >

</div>

</div>

Size Not sure picture vertically centered