父div中垂直居中的div – 相对位置

如果两者都是位置，那么在父div中垂直居中div的正确方法是什么？

我的HTML

 
 
 
text
 
 
  

CSS

 article { position: relative; margin: 0; padding: 0; } .text-cell { position: relative; padding: 0; margin: 0; } 

想要以文章为中心的“文本单元格”。 （’row’是Bootstrap 3框架）

Answer 1

使用display: inline-block;

http://jsfiddle.net/kk61saw3/

 article { position: relative; margin: 0; padding: 0; text-align: center; } .text-cell { position: relative; display: inline-block; vertical-align: middle; padding: 0; margin: 0; /*min-height: 50px;*/ border: 1px solid #000; width: 100%; } 

 
 
 
 
text