相关疑难解决方法(0)

如何在flex布局中打破线?

我有我的第一,第二和第三项,然后我想要第四项进入下一行,无论空间有多宽.

.box {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
  align-items: flex-start;
}
.it {
  max-width: 420px;
}
Run Code Online (Sandbox Code Playgroud)
<div class="box">
  <div class="it">1</div>
  <div class="it">2</div>
  <div class="it">3</div>
  <div class="it">4</div>
</div>
Run Code Online (Sandbox Code Playgroud)

html css flexbox

29
推荐指数
1
解决办法
4万
查看次数

标签 统计

css ×1

flexbox ×1

html ×1