gpt4 book ai didi

html - 如何不将元素包装在新行上?

转载 作者:行者123 更新时间:2023-11-28 13:59:41 25 4
gpt4 key购买 nike

<分区>

如图所示,我想这样包装元素。

enter image description here

这是我当前的 HTML 和 CSS。

<div class="column-container">

<div class="col item">1 <- More text and thus taller than the other ones</div>
<div class="col item">2</div>
<div class="col item">3</div>
<div class="col item">4</div>
<div class="col item">5</div>

</div>


.column-container {
display: flex;
justify-content: center;
flex-flow: row wrap;
height: 100%;
}

.item {
height: fit-content;
min-width: 300px;
max-width: 300px;
margin: 10px;
}

还有一个 fiddle ..

https://jsfiddle.net/3Ly5zh4n/1

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