如何在此图像css中创建网格位置元素

如何创建此图像中的网格位置元素。 我尝试使用像这张照片中的div元素构建网格位置，但我不能这样做。 我尝试使用vertical-align（我没有找到解决方案）和位置：绝对（不能正常工作）。 你能帮帮我们吗？

谢谢！

Answer 1

这是我的结果的视觉效果：

和代码（尽可能少）：

Answer 2

我建议给Bootstrap一个镜头。 它提供了一个基本的网格结构，听起来像你正在寻找的东西。 在W3schools上查看教程。