CSS不定高度垂直居中

父元素高度固定，子元素高度不固定，要求子元素垂直居中于父元素

方法一：

<div class="wrapper">
　　<div class="content">keleyi.com</div>
</div>

相对应的css代码如下：
.wrapper{ 
　　height:400px; 
　　display:table; 
} 
.content{ 

　　display:table-cell; 
　　vertical-align:middle; 
　　border:1pxsolid#FF0099; 
　　width:760px; 
}

 

父元素高度不固定，子元素高度不固定，要求子元素垂直居中于父元素