Css 使用overflow-x:scroll和justify-content:center隐藏较早的块

我必须使用justify-content:center-to-center将块放在其父div的中心。如果内容超出了宽度，我需要使用overflow-x:scroll，以便所有块都排在同一行。问题是一些起始块被隐藏在使用justify content:center

注意：如果区块数量限制为3或4或更小，我需要将所有内容放在中心

请通过这个链接

.nav选项卡{
溢出-x：滚动；
边界：0；
显示器：flex；
对齐项目：拉伸；
柔性包装：nowrap；
证明内容：中心；
}
.导航选项卡.导航项目{
宽度：20%；
最小宽度：198px；
浮动：左；
显示器：flex；
对齐项目：拉伸；
文本对齐：居中；
页边距底部：0；
}

我认为您需要将

ul

包装在一个容器下。请看我的密码笔。我还在这里粘贴了代码

.nav容器{
宽度：100%；
显示器：flex；
调整项目：灵活启动；
溢出-x：滚动；
}
.导航标签{
显示器：flex；
对齐项目：拉伸；
柔性包装：nowrap；
证明内容：中心；
}
.导航选项卡.导航项目{
宽度：20%；
最小宽度：198px；
浮动：左；
显示器：flex；
对齐项目：拉伸；
文本对齐：居中；
页边距底部：0；
}

可能重复的“否”不相同。该解决方案删除了“证明”内容：中心；到未知的xjustfiy内容：中心；这使得它没有使用flex css居中。它是，它使用自动边距居中，这就是你在这里需要做的，因为他们没有其他方式，另一种可能的复制。。。新的

safe

关键字将解决此问题，但如果您添加justify content:center，则该关键字不受很好的支持；到导航容器，然后你会看到问题，我相信原来的帖子提到。这和我的问题是一样的。ul开头的许多导航项目是隐藏的，无法滚动显示。