页面垂直对齐方式为居中怎么做（页面元素水平垂直居中）
导读：在页面布局中，元素水平垂直居中的方法有很多，这里就列举3个简单，用的比较多的方法吧。...
在页面布局中 ，元素水平垂直居中的方法有很多 ，这里就列举3个简单 ，用的比较多的方法吧 。
情况一 、已知元素的宽高
情况二 、未知元素的宽高
body {
/* 3.flex */
width: 600px;
height: 600px;
display: flex;
/* 主轴居中 */
justify-content: center;
/* 侧轴剧中 */
align-items: center
}
.center {
width: 200px;
height: 200px;
background-color: #000;
/* 2.绝对定位+transform: ; */
/* position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%); */
}
声明：本站所有文章 ，如无特殊说明或标注 ，均为本站原创发布 。任何个人或组织 ，在未征得本站同意时 ，禁止复制 、盗用 、采集 、发布本站内容到任何网站 、书籍等各类媒体平台 。如若本站内容侵犯了原著者的合法权益 ，可联系我们进行处理 。
创心域SEO版权声明：以上内容作者已申请原创保护，未经允许不得转载，侵权必究！授权事宜、对本内容有异议或投诉，敬请联系网站管理员，我们将尽快回复您，谢谢合作！