每行4个div的行似乎无法像示例一样定位回答

Question

我想连续放置4个div，但是当我点击其中一个div并且它扩展了一些信息时，它应该向下推动底部。 8个div的类是相同的。我尝试使用display：inline-block，但是当其中一个div扩展时，所有底部的4个div都会下降。我们将不胜感激。谢谢。

点击后，div展开，应该是：

Answer 1

所以这里是关于我如何使用php完成此操作的代码。我需要在Wordpress中执行此操作，因此代码基本上是Wordpress代码。

<div class="block-wrapper"> 
<div class="team1">
<div class="holder">
<div class="line1"></div>
<div class="title"></div>
<div class="line2"></div>
</div>

<div class="image"><img src=""></div>
<div class="text"></div>
</div>


<div class="team2">
<div class="holder">
<div class="line1"></div>
<div class="title"></div>
<div class="line2"></div>
</div>

<div class="image"><img src=""></div>
<div class="text"></div>
</div>
</div>  

所以我在这里做的是我让代码执行了4次。我有8个帖子，每个绿色广场都是一个帖子。因此将创建4次，并在其内部php将下降  然后，它将从头开始。这是html

<changeImageTransform/>

此代码打印4次，制作4列。之后你想设置display：inline-block to block-wrapper并设置一些margin right属性你就可以了。希望它有所帮助。