Css Flexbox-在可用空间中渲染内容

可以在行的自由空间中渲染自定义元素吗？我是说我们有 包含3个元素的行

例如： 第一个和第二个渲染并向右对齐。它们有不同的宽度。 在左边的自由空间中，我想渲染第三个元素。

---

我问，因为我需要做智能css，这将像上面这样工作，但在情况下，当元素在右边或一个在左边，另一个在右边

我不知道你需要什么，但我希望这能帮上忙， 如果你告诉我你需要什么，我可以更新代码

.flex{
显示器：flex；
证明内容：之间的空间；
}

要素3
要素1
要素2

你应该清楚地解释你想要什么，无论如何，我认为这是你的案例的一个良好开端，共有3栏：

Html:

---

当然这是可以做到的。只需发布你到目前为止得到的信息以及你的结构应该是怎样的，我相信你已经得到了帮助，否则…@Dejan.S ahahahahah希望你至少尝试为自己编写代码。堆栈溢出不是代码编写服务。我建议你做一些，或者通过谷歌，或者通过搜索，尝试一下。如果您仍然有问题，请返回您的代码，并解释您尝试了什么。现在，我剪切代码以显示主要内容。并收集图像以显示其外观。您可能希望利用flexbox自动边距

<div class="flex-col">

  <div class="col one">
  ONE
  </div>

  <div class="col two">
  TWO
  </div>

  <div class="col three">
  THREE
  </div>

</div>

.col { 
  box-sizing:border-box;
  padding:10px;
  background:blue;
  text-align:center;
  border:solid 1px red;
}

.one { flex-grow:4; }
.two { flex-grow:2; }
.three { flex-grow:1; }