找回密码
 立即注册

QQ登录

只需一步,快速开始

qweqwe123

初级会员

19

主题

74

帖子

419

积分

初级会员

积分
419
qweqwe123
初级会员   /  发表于:2024-2-21 08:22  /   查看:1372  /  回复:4
1金币
本帖最后由 qweqwe123 于 2024-2-21 08:24 编辑

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

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

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

附件: 您需要 登录 才可以下载或查看,没有帐号?立即注册

最佳答案

查看完整内容

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

4 个回复

倒序浏览
最佳答案
最佳答案
Shawn.Liu活字格认证
超级版主   /  发表于:2024-2-21 08:23:00
来自 3#
这个问题给大佬两个方法可以作为参考,一个是为该菜单元素写CSS样式引入,由于li标签的内嵌样式优先级高于引入的外部CSS样式,所以可以考虑使用!important标记;或者使用EL-菜单,UI样式更丰富,默认菜单之间间距相同;

  1. #r0c3p ul li {  
  2.     width: auto !important;  
  3. }
复制代码

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
回复 使用道具 举报
true
中级会员   /  发表于:2024-2-21 08:41:54
2#
css的话应该不是写宽度,写外边距吧 你定义个类名 然后类名>li 选择到li 试一下
回复 使用道具 举报
qweqwe123
初级会员   /  发表于:2024-2-21 20:02:45
4#
Shawn.Liu 发表于 2024-2-21 17:49
这个问题给大佬两个方法可以作为参考,一个是为该菜单元素写CSS样式引入,由于li标签的内嵌样式优先级高于 ...

威武!!!
回复 使用道具 举报
Shawn.Liu活字格认证
超级版主   /  发表于:2024-2-22 09:08:08
5#
好的,可以解决您的问题就好,后面有问题,欢迎继续发新帖交流
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部