Sass:如果我们添加或删除任何导航项,如何将填充平均分配给所有水平导航项?

Sass:如果我们添加或删除任何导航项,如何将填充平均分配给所有水平导航项?,sass,Sass,我使用的是Sass,希望使这种类型的导航更加灵活,以便客户端在菜单中添加或删除任何项目。然后,所有菜单项应调整/填满可用空间 有人知道如何使用Sass数学和变量进行此操作吗?您不能使用Sass进行此操作,因为您需要知道.nav列表中的li项目数。很明显,您可以使用javascript来实现这一点。我是这样做的->您确实看到JSFIDLE中的SCSS代码缩进不正确,这使得代码更难阅读?正确缩进的演示:我相信如果您将它们设置为display:table,您可以实现这一点,但我不熟悉如何正确设置di

我使用的是Sass,希望使这种类型的导航更加灵活,以便客户端在菜单中添加或删除任何项目。然后,所有菜单项应调整/填满可用空间


有人知道如何使用Sass数学和变量进行此操作吗?

您不能使用Sass进行此操作,因为您需要知道.nav列表中的li项目数。很明显,您可以使用javascript来实现这一点。我是这样做的->

您确实看到JSFIDLE中的SCSS代码缩进不正确,这使得代码更难阅读?正确缩进的演示:我相信如果您将它们设置为
display:table
,您可以实现这一点,但我不熟悉如何正确设置display:table,所以我只能给您一个起点。希望其他人有更多的知识。我会知道李项目的数量。所以请告诉我如何使用SASS。单独使用SASS是不可能的。如果您不想要js,那么最好的选择(也许是最简单的选择)是按照nzifnab的建议使用display:table。看看->