gpt4 book ai didi

css - Flexbox - 对齐一行中的 2 个元素和下一行的第三个元素全宽

转载 作者:行者123 更新时间:2023-12-02 20:25:18 24 4
gpt4 key购买 nike

<分区>

我是连续三个元素。我想保留前两个元素 50% 50% 的行,然后将下一个第三个元素推到下一行并覆盖该行的 100%。

 .container {
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
}

.div1, .div2 {
flex: 0 0 50%;
}
.div3{
flex: 1;
}

html 标记

<div class="container">
<div class="div1"></div>
<div class="div2"></div>
<div class="div3"></div>
</div>

我想要的是前两个元素排成一行,第三个元素推到下一行,覆盖 100%;

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