CSS Flex对齐项

伙计们，我有三个图标，我试着在左边有两个，右边有一个。我需要什么样的flex属性

.flex-container\u 1{
显示器：flex；
柔性包装：包装；
弯曲方向：行反向；
对齐文本：右对齐；
身高：99%；
对齐项目：柔性端；
证明内容：之间的空间；
}
.flex-container_1>div{
利润率：10px；
z指数：9999；
}

---

我建议使用两个对象包装器执行以下操作：（如果您正在加载引导或任何其他使用row属性的CSS框架，请将row更改为其他内容）

两个图标的flex列表
一个图标的flex列表

然后使用css标记“row”作为flex对象本身，然后使用相关属性使i-left和i-right类位置正确。您可以使用对齐内容来执行此操作，然后对齐项目在行内垂直对齐它们

这是最有效的做事方式。不需要使flex复杂化

---

旁注：如果你在谷歌上建立索引，千万不要在html中使用那么多的内嵌样式。他们会鞭笞你，让你做出那样的直列造型。

这里我写了一个小演示项目，你可以参考：

---

我们的想法是将内容分为两个块，并给它一个

对正内容：之间的空间
您可以显示您的html@Delidragon不用担心，很高兴你在这里问我，因为我看到很多网站在没有指导的情况下都会出错。
<div class="row">
   <div class="i-left">
      Your flex list for two icons
   </div>
   <div class"i-right">
      Your flex list for one icon
   </div>
 </div>