Question

我想以div为中心对齐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但没有收获。

Answer 1

DEMO

关于容器的全部内容

.container{

  display: flex;

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

CSS中心垂直对齐div

1 个答案: