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

Question

我正在尝试使用 flexbox 。

我有以下结构，

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

现在我试图将它分成三部分（没有第三个 div），以便第三行空间为空。

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

第一个 div 出现在开始处，第二个出现在结束处，中间空间仍然如此，我正在尝试第一个 div 在开始时然后在中间的第二个 div 中，第三个空间保持为空

我该如何做到这一点？

标签： javascripthtmlcssflexbox