css - Flexbox-在可用空间中呈现内容

This question already has answers here:

In CSS Flexbox, why are there no “justify-items” and “justify-self” properties?
                                
                                    （4个答案）
                                
                        
                                2年前关闭。
            
                    
是否可以在row的自由空间中呈现自定义元素？我的意思是我们有
具有3个元素的行。

例如：
首先和第二个被渲染并向右对齐。它们具有不同的宽度。
在左侧的自由空间中，我想在那里渲染第三个元素。
我问是因为我需要做一个智能css，它可以像上面这样工作，但是当元素在右边或一个在左边而另一个在右边时。

最佳答案

我不确定您需要什么，但希望能有所帮助，
如果您告诉我您需要什么，我可以更新代码

.flex{
  display: flex;
  justify-content: space-between;
}

<div class="flex">


  <div>
   <span>element 3</span>
  </div>

  <div>
   <span>element 1</span>
   <span>element 2</span>
  </div>
</div>