Copy Code code as follows:
<! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<meta http-equiv= "Content-type" content= "text/html; charset=gb2312 "/>
<title>untitled document</title>
<style type= "Text/css" >
<!--
. frame{
Float:left;
margin:2px;
}
. outer {
height:250px;
width:240px;
Overflow:hidden;
Background:gold;
Position:static!important;
position:relative;
Display:table!important;
}
#middle {/* for Explorer only*/
Position:absolute;
top:50%;
}
#middle [id] {
Display:table-cell;
Vertical-align:middle;
position:static;
}
#inner {/* for Explorer only * *
position:relative;
Top:-50%;
width:100%;
margin:0 Auto;
Text-align:center
}
</style>
<body>
<div class= "Frame" >
<div class= "outer" >
<div id= "Middle" >
<div id= "inner" ></div>
</div>
</div>
</div>
<div class= "Frame" >
<div class= "outer" >
<div id= "Middle" >
<div id= "inner" >
<br/><br/>
</div>
</div>
</div>
</div>
<div class= "Frame" >
<div class= "outer" >
<div id= "Middle" >
<div id= "inner" > images mixed with text content <br><br> Picture and text content mix </div>
</div>
</div>
</div>
<div class= "Frame" >
<div class= "outer" >
<div id= "Middle" >
<div id= "inner" ><span> pictures and text </span><span> pictures and texts </span></div>
</div>
</div>
</div>
<div class= "Frame" >
<div class= "outer" >
<div id= "Middle" >
<div id= "inner" >5454545445445<br>5454545445445<br>5454545445445<br>5454545445445<br >5454545445445<br>5454545445445<br>5454545445445<br>5454545445445<br></div>
</div>
</div>
</div>
</body>
