Fatal编程技术网
  • css/
  • CSS中心垂直对齐div

CSS中心垂直对齐div

css

CSS中心垂直对齐div,css,Css,我想将一个div真正居中对齐，我该怎么做 <!DOCTYPE html> <html> <head> <title>HTML/CSS</title> <style type="text/css"> #box { display: flex; width: 200px; height: 120px;

我想将一个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> 


HTML/CSS
#盒子{
显示器：flex；
宽度：200px；
高度：120px；
背景：红色；
保证金：自动；
垂直对齐：居中；
}
你好，世界！
我提到了这一点，但没有收获。

都是关于集装箱的

.container{

  display: flex;

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