Css 项目的Flexbox布局

我正在寻找一种方法来维护这个布局在一个页面上的3个项目。从我使用的flex wrap来看，这只是部分有用。有没有办法将flexbox上的布局预设为以下内容

尝试使用：

容器{ 显示：网格； 网格模板柱：1fr 1fr； 边框：2件纯黑； } 容器>分区{ 边框：1px纯黑； 保证金：5px； 高度：100px； } 项目1 项目2 项目3 使用Flexbox

div{ 显示器：flex； 柔性包装：包装； } 跨度{ 弹性：01 50%； } 一个{ 背景色：34495e； } 两个{ 背景色：3498db； } 三{ 背景色：2ecc71； } 1. 2. 3. div{ 显示器：flex； 柔性包装：包装； } 跨度{ 宽度：calc50%-2px； 高度：200px； 边框：实心1px黑色； } 1. 2. 3.

---

我会确保在父div中使用“justify content:space-between”，以便它们始终保持它们之间的空间

还添加了相同的边缘底部，以保持垂直空间均匀

div{ 显示器：flex； 柔性包装：包装； 弯曲方向：行； 证明内容：之间的空间； } 跨度{ 宽度：calc50%-10px； 高度：200px； 边框：实心1px黑色； 边缘底部：20px； } 1. 2. 3.

---

间距，假设左侧和右侧的边距应该相同。也请阅读这本书，它非常有帮助，并附有插图使用。你想要的结果是什么？你能准备一张图片吗？我们需要看看你的HTML，知道我们是否能用CSS实现你想要的布局。