我想在试图水平和垂直的div中心时弄清楚以下代码出了什么问题。我尝试了合理性和准入项目。它停留在顶部。
.bodycontainer{
display: flex;
justify-content: center;
align-items: center;
height: 100%;
}
.container{
width: 50%;
height: 50%;
display: flex;
border: 1px solid #000000;
}<!DOCTYPE html>
<html>
<body>
<div class="bodycontainer">
<div class="container"></div>
</div>
</body>
</html>
.bodycontainer{
display: flex;
justify-content: center;
align-items: center;
height:100%;
}
.container{
width: 50%;
height: 50%;
display: flex;
border: 1px solid #000000;
}<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style.css">
<script src="calculator.js"></script>
</head>
<body>
<div class="bodycontainer">
<div class="container"></div>
</div>
</body>
</html>