利用flex布局的時(shí)候,我們想讓元素左對(duì)齊(flex-start)同時(shí)又想滿足左右間距相同的效果(space-between)筹煮,到底如何實(shí)現(xiàn)沐旨?
情況
我們想要的效果:實(shí)際問題:
我們只能滿足一個(gè)排布需求奔滑,要么左對(duì)齊(右邊多出的部分會(huì)很空)荤堪,要么左右對(duì)齊(最后一排如果不排滿,布局會(huì)左右對(duì)齊)
代碼
具體怎么辦罢犹睢桅咆?二者只能滿足其一,得想辦法解決才行
.room-container{
display: flex;
width: auto;
justify-content: space-between;
flex-wrap: wrap;
overflow: scroll;
}
.room-container:after {
content: "";
flex: auto;
}
搞定坞笙!