关于多级子菜单嵌套时如何写缩进样式

Question

老师您好，课程展示的是只有一层子菜单的情况。请问如果存在多层嵌套的情况，选项的左边距也只能老老实实地写padding-left 来进行调整吗？

还有一种情况是，菜单的内容是根据参数生成的，因此会存在事先不知道会出现几层子菜单的情况。请问这种状态下，对选项缩进有没有比较灵活的写法呢？

Answer 1

西门老舅 2022-12-28 09:23:49

你好，一般左侧子菜单最多两层，因为左边菜单空间比较有限，所以产品一般不会给多层级的需求。所以用padding-left缩进就好。

如果是层级比较多的情况，一般产品会给原型图或设计师给设计图，根据设计图具体情况具体分析比较好。如果设计图能放得下，那么对于我们开发来说也肯定是可以实现的。

设计多菜单，我个人经验的话，产品一般会设计成定位的子菜单，这样可以不占空间，溢出到菜单的右边。