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;
}
最后一个项目的左边距会出现问题。它不应该是自动的一个你需要它自动为一个项目,将推动另一个