温馨提示：这篇文章已超过245天没有更新，请注意相关的内容是否还可用！
div页面自适应- div自适应居中是一种常用的布局技巧，通过设置div元素的样式属性，使其在不同屏幕尺寸下自动调整宽度，并实现水平居中显示。
我们可以使用CSS中的flex布局来实现这一效果。通过设置父容器的display属性为flex，并且设置justify-content和align-items属性为center，可以使子元素在父容器中水平和垂直居中。
示例代码如下：
<!DOCTYPE html>
<html>
<head>
<style>
.container {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}
.box {
width: 50%;
height: 50%;
background-color: lightblue;
}
</style>
</head>
<body>
<div class="5c54-e6e5-2d7a-f566 container">
<div class="e6e5-2d7a-f566-532a box"></div>
</div>
</body>
</html>
在上述示例代码中，我们创建了一个父容器div，设置其样式属性为container。然后在父容器中创建了一个子元素div，设置其样式属性为box。
通过设置.container的display属性为flex，我们将父容器的布局方式设置为flex布局。接着，我们设置justify-content属性为center，将子元素在父容器中水平居中。设置align-items属性为center，将子元素在父容器中垂直居中。
子元素div会自动调整宽度以适应父容器，并且在页面中水平和垂直居中显示。
这样，我们就实现了div页面的自适应和居中布局。
