qweqwe123 发表于 2024-2-21 08:22:59

关于菜单栏,如何设置 两个菜单的 间距问题

本帖最后由 qweqwe123 于 2024-2-21 08:24 编辑

如图,当菜单的字数不一样的,菜单与菜单之间的间距不同,看上去很别扭

通过看浏览去F12发现,需要将菜单宽度设置成auto,,但是目前菜单宽度只支持数字;
如图修改:
修改后的效果:间距正常了:

问,css该如何写嗯,这个写不来了

Shawn.Liu 发表于 2024-2-21 08:23:00

这个问题给大佬两个方法可以作为参考,一个是为该菜单元素写CSS样式引入,由于li标签的内嵌样式优先级高于引入的外部CSS样式,所以可以考虑使用!important标记;或者使用EL-菜单,UI样式更丰富,默认菜单之间间距相同;

#r0c3p ul li {
    width: auto !important;
}

true 发表于 2024-2-21 08:41:54

css的话应该不是写宽度,写外边距吧 你定义个类名 然后类名>li 选择到li 试一下

qweqwe123 发表于 2024-2-21 20:02:45

Shawn.Liu 发表于 2024-2-21 17:49
这个问题给大佬两个方法可以作为参考,一个是为该菜单元素写CSS样式引入,由于li标签的内嵌样式优先级高于 ...

威武!!!

Shawn.Liu 发表于 2024-2-22 09:08:08

好的,可以解决您的问题就好,后面有问题,欢迎继续发新帖交流:loveliness:
页: [1]
查看完整版本: 关于菜单栏,如何设置 两个菜单的 间距问题