Html FlexBox对齐项目

我正在尝试将flex容器中的第6、7、8、9项与 得到这个：

[1th 2th 3th 4th 5th…………6th 7th 8th 9h]

我试着使用右边距：auto，但它对一组项目不起作用

.上导航ul{ 显示器：flex； 显示：-webkit flex； 列表样式类型：无； } .上_nav li a{ 显示：块； 文字装饰：无； 填充：0.6em； 字号：0.8em； 颜色：4D； }

---

是的，这很简单，第6项应该留有空白：自动，仅此而已。

您可以将导航分为两部分，并在容器上添加flexbox属性以将它们分开。如果你将来想在菜单中添加项目，你就不必担心第n个孩子会引起问题

.上导航{ 显示器：flex； 证明内容：之间的空间； } .上导航ul{ 显示器：flex； 显示：-webkit flex； 列表样式类型：无； } .上_nav li a{ 显示：块； 文字装饰：无； 填充：0.6em； 字号：0.8em； 颜色：4D； } 也可以做div:nth-child6n{margin left:auto；}当放在第5项上时，margin right:auto也可以工作