CSS布局flex布局常⽤属性
display: flex 使⽤ flex 布局⾸先要设置⽗容器；
⽔平⽅向：
justify-content: flex-start；起始端对齐
justify-content: flex-end；末尾段对齐
justify-content: center；居中对齐
justify-content: space-around；均匀分布
justify-content: space-between；两端对齐，中间均匀分布
垂直⽅向：
align-items:flex-start；起始端对齐
align-items:flex-end；末尾端对齐
align-items:center；居中对齐
align-items:baseline；基线对齐，这⾥的baseline默认是指⾸⾏⽂字
align-items:stretch;⼦容器沿交叉轴⽅向的尺⼨拉伸⾄与⽗容器⼀致。
使⽤ flex 布局⾸先要设置⽗容器display: flex，然后再设置justify-content: center实现⽔平居中，最后设置align-items: center实现垂直居中。
#box{
display: flex;
justify-content: center;
align-items: center
}flex布局详细讲解

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。