Taobao interview topic: div Layer Content Vertical center of a variety of solutions

Taobao's interview question is this, but the answer is many ...

Taobao Solution:
<style type= "Text/css" >
. box {
Display:table-cell;
Vertical-align:middle;
width:200px;
height:200px;
Text-align:center;
/* Hack for IE * *
*display:block;
*font-size:175px;
/* END * *
border:1px solid #eee;
}
. box img {
Vertical-align:middle;
}
</style>
<div class= "box" >

</div>
User Solution One:
. box {
Display:table-cell;
Vertical-align:middle;
width:200px;
height:200px;
Text-align:center;
line-height:200px;
border:1px solid #eee;
}
. box img {vertical-align:middle;}
User Solution Two:
. box{
Text-align:center;
width:200px;
Height
200px;
border:1px solid #ff0;
Vertical-align:middle;
Display:table-cell;
}
. Box Img{margin-top:expression (100-THIS.HEIGHT/2);
I always use the last solution, hehe