AngularMaterialmat-tabs高度不同的问题。 _程序开发

创始人

2024-10-28 10:00:56

0次

在 mat-tab-group 中的 mat-tab-header 标签中添加一个 CSS 类（例如 "mat-tab-header-custom"），并使用以下代码来实现每个选项卡的等高：

.mat-tab-header-custom { display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center; height: 50px; /或者auto/ }

.mat-tab-header-custom .mat-tab-label { flex: 1 1 0; min-width: 0; height: 100%; display: flex; justify-content: center; align-items: center; }

.mat-tab-header-custom .mat-ink-bar { bottom: 6px; }

要解决具体的问题，只需要在 mat-tab-group 标签内添加这个 CSS 样式类即可。

备受关注的！微乐小程序黑科技，... 备受关注的！微乐小程序黑科技，小程序微乐陕西挖坑辅助器（透视）其实存在有挂（哔哩哔哩）1、金币登录送...

第1分钟工具！微乐小程序黑科技... 第1分钟工具！微乐小程序黑科技，广西微乐小程序控制器（开挂）竟然是有挂（2026）1、每一步都需要思...

现有说明如下！微乐小程序黑科技... 现有说明如下！微乐小程序黑科技，微信微乐有挂没有（透视）本来存在有挂（哔哩哔哩）1、任何微信微乐有挂...

5分钟插件！微乐小程序免费黑科... 5分钟插件！微乐小程序免费黑科技，微信小程序微乐辅助免费（开挂）总是是有挂（2026）1、许多玩家不...

透视黑科技！微乐小程序黑科技，... 透视黑科技！微乐小程序黑科技，微乐小程序免费黑科技下载方法（透视）竟然存在有挂（哔哩哔哩）1、起透看...

三分钟开挂！微乐小程序黑科技，... 三分钟开挂！微乐小程序黑科技，微乐内蒙古自建房脚本免费下载（开挂）都是有挂（2026）微乐小程序黑科...

现有关情况通报如下！微乐小程序... 现有关情况通报如下！微乐小程序黑科技，收i就微乐小程序游戏破解器（透视）果然真的是有挂（哔哩哔哩）暗...

5分钟安装！微乐小程序免费黑科... 5分钟安装！微乐小程序免费黑科技，微乐小程序授权（开挂）原来是真的挂（2026）1、任何微乐小程序免...

今年以来！微乐小程序免费黑科技... 今年以来！微乐小程序免费黑科技，微乐家乡小程序脚本（透视）原来真的有挂（哔哩哔哩）1、用户打开应用后...

7分钟下载！微乐小程序黑科技，... 7分钟下载！微乐小程序黑科技，微乐小程序自建房辅助器下载（开挂）本来真的有挂（2026）1、不需要A...