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

回答

相關問題