gpt4 book ai didi

javascript - Jquery: fadeIn() a div in rows of divs: Visible divs should be pushed to the right.

转载 作者:太空宇宙 更新时间:2023-11-04 02:02:37 24 4
gpt4 key购买 nike

我有两行 div,每一行都有三个 div,如下所示:

[1] [2] [3]

[4] [5] [6]

我隐藏了前三个 div:

[4] [5] [6]

一段时间后,每个隐藏的 div 应该淡入并将可见的 div 推到右边,如下所示:

// after some time
[3] [4] [5]

[6]

// after some time
[2] [3] [4]

[5] [6]


// after some time
[1] [2] [3]

[4] [5] [6]

当所有div的高度/宽度都相同时,很容易:https://jsfiddle.net/0j53L9pz/2/

但是,当我的 div 具有不同的高度时,它会变得有点困惑。 https://jsfiddle.net/0j53L9pz/3/

我已经研究过 clearfix 和/或 clear:both,但我不知道该把它放在哪里。我的目标:我想要干净的两行。

最佳答案

Flexbox 是你的 friend !只需在您的容器中添加一个 display flex,一切就绪。

.container{
display: flex;
flex-wrap: wrap;
}

https://jsfiddle.net/0j53L9pz/4/

关于javascript - Jquery: fadeIn() a div in rows of divs: Visible divs should be pushed to the right.,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41472378/

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