Css 将最后两个flex项目放置在容器末端

Css 将最后两个flex项目放置在容器末端,css,flexbox,Css,Flexbox,我有一个制表符标题组件,需要将最后两项放在右边。我的代码如下所示 li:nth-last-child(1), li:nth-last-child(2) { color: #c2c2c2; margin-left: auto; text-transform: uppercase; font-size: 12px; font-weight: 300; } 最后一个项目1对齐到底,但第二个项目2位于容器中心附近。是否有更好的方法使用此方法解决此问题?应用左

我有一个制表符标题组件,需要将最后两项放在右边。我的代码如下所示

li:nth-last-child(1),
  li:nth-last-child(2) {
    color: #c2c2c2;
    margin-left: auto;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 300;
}
最后一个项目1对齐到底,但第二个项目2位于容器中心附近。是否有更好的方法使用此方法解决此问题?

应用左边距:自动;仅限李:第n个孩子2。 左边距:自动;将项目和以下项目向右推。 这里有一个关于弹性和利润率的快速报告

更新代码:

li:nth-last-child(1),
li:nth-last-child(2) {
    color: #c2c2c2;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 300;
}

li:nth-last-child(2) {
    margin-left: auto;
}

最后一个项目的左边距会出现问题。它不应该是自动的一个你需要它自动为一个项目,将推动另一个