gpt4 book ai didi

html - 尽管有 flex-basis : 0,但 Flexbox 元素的宽度并不相等

转载 作者:可可西里 更新时间:2023-11-01 14:59:38 27 4
gpt4 key购买 nike

<分区>

我在 flexbox 中有 4 列,我希望它们的宽度相等。 overflow: hidden 占用的空间比其他的多,我无法修复它。

在我看来,我遇到了与这篇文章中所述相同的问题:flexbox and overflow hidden not working properly

但答案对我没有帮助,我无法弄清楚我的代码有什么问题。我想我错过了什么。

有人能帮忙吗?

https://jsfiddle.net/f39gjnyv/1/

.items {
display: flex;
justify-content: space-between;
}

.item {
flex: 1 0 0;
border: 1px solid #333;
background: #fde669;
}

.item-title {
font-size: 25px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
<div class="items">
<div class="item">
<div class="item-title">Title 1</div>
</div>
<div class="item">
<div class="item-title">Title 2</div>
</div>
<div class="item">
<div class="item-title">Some very long title</div>
</div>
<div class="item">
<div class="item-title">Title 3</div>
</div>
</div>

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