我一直在尝试为我的作品集网站创建一个基于块的界面，其中每个内联块代表我的一个作品，当点击时，它会扩大到两倍大小并显示更多信息。
有了这个设置，我开始编写代码，但遇到了一个问题：当一个块展开时，它总是在下一行留下一个空格，无论我设置了哪个 css 设置（我已经尝试了十几个），我真正想要的是空白空间充满以下项目。
下图可以更好地解释：
这是实际的 HTML：
<div class="block">
1
</div>
<div class="block">
2
</div>
<div class="block big">
3
</div>
<div class="block">
4
</div>
<div class="block">
5
</div>
<div class="block">
6
</div>
<div class="block">
7
</div>
<div class="block">
8
</div>
这是CSS：
.block{
width: 150px;
height: 150px;
border: 1px solid black;
display: inline-block;
margin: 5px;
}
.big{
width: 320px;
height: 320px;
}
我已经尝试过使用浮点值，但这里没有运气。