CSS中心垂直对齐div

我想中心对齐div真实我该怎么做？CSS中心垂直对齐div

<!DOCTYPE html> 
<html> 
<head> 
    <title>HTML/CSS</title> 
    <style type="text/css"> 
     #box { 
      display: flex; 
      width: 200px; 
      height: 120px; 
      background: red; 
      margin: auto; 
      vertical-align: center; 
     } 
    </style> 
</head> 
<body> 
    <div id="box">Hello World!</div> 
</body> 
</html>

我提到这tutorial，但没有收获。

来源

2016-02-26 Dipendra Gurung

DEMO

这是所有关于容器

.container{ 

    display: flex; 

    height: 100%; 
    border: 1px solid red; 
    justify-content: center; 
    align-items: center; 
}

来源

2016-02-26 11:16:34

CSS中心垂直对齐div

回答

相关问题