gpt4 book ai didi

html - 包裹但保持列结构的动态宽度 flexboxes?

转载 作者:太空狗 更新时间:2023-10-29 14:48:36 24 4
gpt4 key购买 nike

<分区>

我正在寻找具有动态宽度以填充其容器的卡片,但如果卡片太小则能够换行。我得到它来做到这一点。但是我注意到最后一张卡片填满了剩下的空间。我不希望它那样做。我希望它保持相同的列结构。这可能吗?如果有其他方法可以让我知道,我不必使用 flexboxes。

enter image description here

enter image description here

.container {
padding: 20px;
display : flex;
flex-flow: row wrap;
background:white;
}
.container > div {
border: 1px solid black;
background: #ececec;
margin:5px;
min-width:200px;
padding: 10px;
margin-left: 10px;
flex: 1;
}
<div class="container">
<div>Div 1</div>
<div>Div 2</div>
<div>Div 3</div>
<div>Div 4</div>
</div>

这是我的 JSFiddle,它目前正在执行第一张图片显示的内容(这不是我想要的)。有办法做到这一点吗?

https://jsfiddle.net/foreyez/0b5dm2t2/

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