gpt4 book ai didi

html - 为什么 column 和 wrap 中的 flexbox 坏了

转载 作者:行者123 更新时间:2023-12-05 08:10:58 28 4
gpt4 key购买 nike

<分区>

我的代码是

<div id="parent">
<div class="produit_sup">
<p>Aubergine</p>
<p>Betterave</p>
<p>Courgette</p>
<p>Oignon</p>
<p>Poireau</p>
<p>Pomme de terre</p>
<p>Tomate</p>
</div>
</div>

<style>
#parent{
display: flex;
}
.produit_sup{
max-height: 100px;
background: #c3c3ff;
display: flex;
flex-direction: column;
flex-wrap: wrap;
}
.produit_sup>p{
width: 100px;
text-align: left;
margin: 0 20px 0 0;
}
</style>

为什么会这样
My result

不是那样的
What I want

我要保存display:flex; parent 和我的号码 <p>元素可以随时更改

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