<style>
div{
/* 宽和高 */
width: 200px;
height: 200px;
/* 背景色 */
background-color: aqua;
/* 字体颜色 */
color: brown;
/* 外边框自适应 */
margin: auto;
}
body{
/* 高和宽 弹性盒子会被内容所撑开 所以你如果不设置它
的高宽的话那么body的高就和div的高一样了*/
width: 400px;
height: 400px;
background-color: azure;
/* 让body成为弹性盒子 想要快速用margin让div水平垂直居中的属性 */
display: flex;
}
</style>
</head>
<body>
<div>
div水平垂直居中
</div>
</body>
</html>
如何快速让div水平垂直居中
最新推荐文章于 2024-07-20 21:01:09 发布