jquery：fadeIn（）div中的一个div：可见div应该被推到右边。

Question

我的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和/或清除：两者，但我无法弄清楚把它放在哪里。我的目标是：我想要有两个干净的行。

Answer 1

Flexbox是你的朋友！只需在您的容器中添加显示器柔性版，即可完成设置。

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

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