div内部元素水平，垂直居中，多div水平排列

html:

 


 
 
 

 Hide One
  

  

 Hide Two
  

  

 Hide Three
  

 

css:

.container{
  display: table;
}

.item{
  display: table-cell;
  border: 1px green solid;
  width: 460px;
  height: 200px;
  vertical-align: middle;
  text-align: center;
}

最后运行效果：