gpt4 book ai didi

html - flex 方向行不表现为行

转载 作者:太空宇宙 更新时间:2023-11-03 23:03:49 25 4
gpt4 key购买 nike

我有一个用于某些卡片的 flexbox 网格,但是当给定 flex-direction: row; 的 css 属性时,这些卡片实际上不会表现为一行,而是,将表现为列。我尝试将其标记为 !important,但是,它仍然不会像行一样运行。在进入第二行之前,我希望每个元素都能很好地适应。

我读过这个article很多次试图找出为什么它不像我想要的那样表现,但我一直无法达成协议(protocol)。知道为什么会这样吗?

这是一个 fiddle :https://jsfiddle.net/yisera/qtv5h5eb/

最佳答案

您的元素表现为一行。每个元素都非常宽,可以环绕 (flex-wrap),您得到的是看起来的一列。

减少 .wall-panel 的宽度可以使它们重新排成一行。

https://jsfiddle.net/Hatchet/qtv5h5eb/2/

关于html - flex 方向行不表现为行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35443068/

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