使用FlexBox对齐内容属性来对齐具有两个div而没有第三个div的元素

问题描述

我正在尝试使用flexbox。

我有以下结构

    <div className={css.firstContainer}>
         <div className={css.firstChild}>
          content 1
         </div>
         <div className={css.secondChild}>
        content 2
         </div>
     </div>

现在，我试图将其分为三部分（没有第三格），以便第三行空间为空。

    . firstContainer {
     display:flex,justify-content: space-between
    }

此第一个div出现在开始位置，第二个div出现在末尾，中间空格保持不变，因此，我正在尝试将第一个div放在开始处，然后在第二个div中间居中，并且第三个空格保持空白

我该如何实现？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）