gpt4 book ai didi

html - 混合设计的显示柔性

转载 作者:行者123 更新时间:2023-11-28 14:24:18 26 4
gpt4 key购买 nike

<分区>

使用 flexbox 制作以下内容的最佳方法是什么?我想要 2 行等宽列,但是,最后一列的高度为 100% 并填充该部分的其余部分。

最好为此使用多行吗?

.row {
display: flex;
flex-wrap: wrap-reverse;
}

.col {display:1;width:30%;background:red;}

.col:nth-of-type(3) {background:blue;}
<div class="row">
<div class="col">
test
</div>
<div class="col">
test
</div>
<div class="col">
test
</div>
<div class="col">
test
</div>
<div class="col">
test
</div>
</div>

enter image description here

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com