Css 使用flex对齐svg

我正在使用flex为一个网站布局一个菜单，我花了很长时间试图将SVG向右对齐。我不确定我做错了什么，因为我在flexbox中使用svg作为我的社交图标，而且它们排得很整齐

以下是我的css代码和结构：

.seventh{
显示器：flex；
宽度：100%；
高度：计算（100%/7）；
溢出：隐藏；
保证金：自动；
}
林克分区，
空白处{
显示器：flex；
证明内容：柔性端；
宽度：46.25%；
身高：100%；
位置：相对位置；
柔性流动：柱状nowrap；
溢出：隐藏；
右边距：0；
}
斯夫林克先生，左{
显示：块；
右边距：0；
身高：100%；
}

市场营销

使用flexbox时，有几件事需要注意

如果您试图将SVG向右对齐，最重要的是使用class=“blank”删除最后一个div。一般来说，它实际上是一个用于样式设置的工具，因为您可以使用css（尤其是在使用flexbox时）。
如果要设置特定子元素的样式，请使用适当的css属性

有一个非常好的布局

但让我们继续您的代码示例：

我已经从您的代码片段中删除了不必要的代码，并修改了css以使用flexbox布局。如果要将SVG向左对齐，请使用

justify content:flex start如果它们应该对齐到正确的位置，请使用
调整内容：flex end.seventh
中的code>，如下例所示


.seventh{
显示器：flex；
flex-flow：行nowrap；
证明内容：柔性端；
对齐项目：居中；
宽度：100%；
溢出：隐藏；
保证金：自动；
}
部门链接{
宽度：46.25%；
}
分像素{
宽度：7.5%；
}
div.pixel>svg{
身高：100%；
}

市场营销
谢谢。我刚刚开始使用flexbox，所以我仍然在学习它的所有细微差别。