CSS3div换⾏justify-content：space-around或spacebe。。。
⽤ container::after添加⼀个虚拟元素
html的flex布局
但其中有⼀些个细节
//容器
.container{
//让⼦元素⾃动换⾏布局
display: flex;
justify-content: space-between;
flex-wrap: wrap;
// div之类的元素
div{
width:100px;
height:100px;
background:pink;
}
}
/* 解决最后⼀⾏问题，添加⼀个等宽的,⾼度是1px (如果不在乎这1px的话) 的虚拟⼦元素,
这⾥如果元素不需要顾及margin/padding的话，也可以直接写 flex:auto; */
.container::after{
content:'';
// flex:auto;
width: 100px;
height: 1px;
}

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