Html 填充浮动元素的垂直空白

有没有办法用纯css填充元素行之间的垂直空白

在我的代码片段中，您将在下面看到，浮动元素在垂直方向之间有空格，我将其改为红色。我试过csscolumns、flexbox、cssgrid、floating和tables，但仍然无法让它们填充垂直空间

有人见过或知道用css填充垂直空间的方法吗

.集装箱{ 显示：块； 背景色：红色； } .货柜：之后{ 显示：表格； 内容：； 明确：两者皆有； } .细胞{ 宽度：25%； 背景色：白色； 浮动：左； } 无门，无门，无门，无门。在布朗迪特酒馆的馆长。 无门，无门，无门，无门。在布朗迪特酒馆的馆长。 在布朗迪特酒馆的馆长。这是一个很好的例子，它是一个很好的例子。Lorem ipsum dolor sit amet，是一位杰出的献身者。 无门，无门，无门，无门。在布朗迪特酒馆的馆长。 无门，无门，无门，无门。在布朗迪特酒馆的馆长。 无门，无门，无门，无门。在布朗迪特酒馆的馆长。 无门，无门，无门，无门。在布朗迪特酒馆的馆长。 您可以使用CSS列执行此操作：

.集装箱{ 列计数：4；/*每个25%*/ 柱间距：5px；/*水平间距，根据需要调整*/ } .细胞{ 页边距底部：5px；/*为了更好地展示，请根据您的需要进行调整*/ 内部分页符：避免；/*强制*/ 打断内部：避免列；/*必填项*/ 背景：薰衣草； } 无门，无门，无门，无门。在布朗迪特酒馆的馆长。 无门，无门，无门，无门。在布朗迪特酒馆的馆长。 在布朗迪特酒馆的馆长。这是一个很好的例子，它是一个很好的例子。Lorem ipsum dolor sit amet，是一位杰出的献身者。 无门，无门，无门，无门。在布朗迪特酒馆的馆长。 无门，无门，无门，无门。在布朗迪特酒馆的馆长。 无门，无门，无门，无门。在布朗迪特酒馆的馆长。 无门，无门，无门，无门。在布朗迪特酒馆的馆长。