水平菜单项中文本怎么居中

登录

水平菜单项文本怎么居中：

Simon.Sun · Simon.Sun

您说的是内置菜单组件对吗？
目前还不支持直接去调整字体居中，需要借助 css 实现，可以尝试下下面 css

.fgc-plugin-menu-icontextwrapper {
width: 100% !important;
justify-content: space-around !important;
}

另外看您截图，是一个一级菜单，可以考虑使用其他组件替代。

比如使用 EL-标签页头，图文列表去模拟等实现。

Mohan · Mohan

Simon.Sun 发表于 2025-11-5 16:31
您说的是内置菜单组件对吗？
目前还不支持直接去调整字体居中，需要借助 css 实现，可以尝试下下面 css
...

感谢大佬支持，已经居中：

Mohan · Mohan

本帖最后由 Mohan 于 2025-11-5 18:41 编辑

Simon.Sun 发表于 2025-11-4 18:34
您说的是内置菜单组件对吗？
目前还不支持直接去调整字体居中，需要借助 css 实现，可以尝试下下面 css
...

大佬，按照你这个css改完，竖版的菜单怎么也改了样式，都居中对齐了：

原来是这样左对齐的：

Simon.Sun · Simon.Sun

因为这个菜单样式是针对所有菜单的。

如果需要指定菜单文字居中，一个解决办法是，给文字居中的菜单定义一个 css 类名：
然后 css 样式调整为：

.custom-menu .fgc-plugin-menu-icontextwrapper {
width: 100% !important;
justify-content: space-around !important;
}

Mohan · Mohan

Simon.Sun 发表于 2025-11-6 08:50
因为这个菜单样式是针对所有菜单的。

如果需要指定菜单文字居中，一个解决办法是，给文字居中的菜单定义 ...

感谢大佬，已经可以了：

Simon.Sun · Simon.Sun

不客气，问题解决就好，后续有问题欢迎您发新帖交流~~

		自动登录	找回密码
密码			立即注册

[已处理] 水平菜单项中文本怎么居中