如何在CSS中在ul中创建响应li元素

所以我用CSS做了一个导航菜单，但我似乎不能正确地得到它。 我在

ul

中有4个

li

元素。我希望这些元素之间的空间根据窗口的大小相应地调整大小

我考虑过使用

marginright

属性，比如

10%

值，这样如果窗口更大，元素会分散得更多。长话短说，这种方法不起作用，我想看看是否有人知道我如何使它起作用。我将把重要的代码留在下面

#链接李{
保证金权利：10%；
}
#李国宝{
显示：内联块；
}
.货柜导航{
宽度：85%；
保证金：自动；
溢出：隐藏；
显示器：flex；
证明内容：之间的空间；
对齐项目：居中；
}

如果将链接的样式设置为

#链接{
显示器：flex；
证明内容：之间的空间；
}

此代码将链接ul设置为flex容器，并将元素均匀隔开

编辑：

---

代码的问题是您需要将

ul

设置为一个flex容器，默认情况下，该容器具有

flex direction:row

，从而提供所需的行为

嗨，伊尼戈。你有没有想过用Bootstrap来做这件事？它有所有的元素和CSS，你需要为了使一个响应菜单！