CSS:div 水平垂直居中 程序员文章站 2022-07-01 20:30:09 ... flex <div class="parent"> <div class="child"></div> </div> .parent { display: flex; align-items: center; justify-content: center; height: 100vh; width: 100wh; } .child { width: 100px; height: 100px; background-color: #20126f; } 相关标签: 阿哈哈哈大前端 上一篇: CSS:给元素加边框 下一篇: 哈哈 推荐阅读 css布局网页水平居中常用方法 子盒子在父盒子内保持垂直水平居中的多种方案--已知子元素高度、未知子元素高度 Web前端 css实现元素垂直居中的常用方法 css水平垂直居中 CSS3/CSS之居中解析(水平+垂直居中、水平居中,垂直居中) 关于盒子的水平垂直居中几种方案 css垂直居中方案 老板的手机收到一个红包,为什么红包没居中?如何让一个元素水平垂直居中? 固定定位下的div水平居中 css支持标准的图片垂直居中