使用 Flexbox 构建网格 - 仅在右侧第二行的项目
Building Grid with Flexbox - Items in second row only on right Side
我想用 Flexbox 构建我的网格，但有点卡住了。
它是一个 4 列网格。在第二行，我只想在右侧放置 2 个项目。
看看我的涂鸦。
.flex {
display: flex; /* Magic begins */
flex-wrap: wrap; /* Multiline */
justify-content: flex-end; /* Align to the right */
}
.flex > div {
width: 25%;
}
<div class="flex">
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
<div>5</div>
<div>6</div>
</div>
我想用 Flexbox 构建我的网格，但有点卡住了。 它是一个 4 列网格。在第二行，我只想在右侧放置 2 个项目。 看看我的涂鸦。
.flex {
display: flex; /* Magic begins */
flex-wrap: wrap; /* Multiline */
justify-content: flex-end; /* Align to the right */
}
.flex > div {
width: 25%;
}
<div class="flex">
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
<div>5</div>
<div>6</div>
</div>