Css 灵活的DIV水平和垂直放置，没有间隙

我想动态位置div水平和垂直与相同的宽度和不同的高度取决于他们的容器的宽度

我想把它们叠成这样

|1 | 2|

|3 | 4|

|五,|

问题是div之间存在白色的间隙。 即使我在左边加上清晰的1号和5号

我仍然有差距

有没有可能通过css实现这一点

EDIT:

容器宽度可能会更改（即，如果用户拖动其边框）。然后，内部的div应该正确对齐，以占据内部的整个空间。可能的结果如下：

|一,|

|二,|

|三,|

|四,|

|五,|

或

|1 | 2 | 3|

|4 | 5|

或

|1 | 2 | 3 | 4|

|五,|

或

|1 | 2 | 3 | 4 | 5|

---

如果你只想使用CSS，我认为最好是设置两列。在第一列中，您将在第二列中输入1、3和5，在第二列中输入2和4。这样就不会有任何空白

编辑：

---

如果你想在没有空格的情况下堆叠那些div，并且仍然有一个灵活的布局，你不能只在CSS中进行，但是你可以尝试使用一个真正易于使用的jQuery插件。

试试这个：我制作了一个类列，并在其中包含内容的列。可能不是你需要的，但它会起作用

---

问题是容器的宽度可能会改变，可能会有1-n列，我想我还不完全理解。你能提供一些你想要达到的目标的例子吗？谢谢你关于同位素的提示。它和Lautaro建议的是一样的，但对我来说是不够的。这是一个显而易见的解决方案，但非常糟糕。这在很多情况下都会失败