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 样式类即可。

黑科技最新(wpk最新黑科技)... 黑科技最新(wpk最新黑科技)微扑克辅助软件(wpK)原来真的有挂(有挂教学)-哔哩哔哩；1.微扑克...

黑科技ai挂(wpk ai辅助... 黑科技ai挂(wpk ai辅助)wpk辅助器安装(wPk)一直是有挂(有挂工具)-哔哩哔哩1）wpk...

黑科技科技(wpk ai辅助)... 黑科技科技(wpk ai辅助)Wpk有挂吗(wpK)一直是真的有挂(有挂攻略)-哔哩哔哩1、许多玩家...

黑科技有挂(wpk ai辅助)... 黑科技有挂(wpk ai辅助)wpk有辅助挂吗(WPk)原来存在有挂(有挂分析)-哔哩哔哩1）wpk...

黑科技游戏(wpk ai辅助)... 黑科技游戏(wpk ai辅助)wpk透视挂会被封号吗(wPk)总是是有挂(发现有挂)-哔哩哔哩1、黑...

黑科技计算(wpk ai辅助)... 黑科技计算(wpk ai辅助)wpk德州ai辅助神器(WpK)都是是有挂(真是有挂)-哔哩哔哩1、在...

黑科技ai(wpk ai辅助)... 黑科技ai(wpk ai辅助)wpk有ai吗(WPK)确实真的是有挂(有挂存在)-哔哩哔哩1、wpk...

黑科技ai(wpk最新黑科技)... 黑科技ai(wpk最新黑科技)wpk德州(wpK)竟然存在有挂(果真有挂)-哔哩哔哩1、完成wpk最...

黑科技好友(wpk最新黑科技)... 黑科技好友(wpk最新黑科技)wpk透明挂(Wpk)切实真的有挂(讲解有挂)-哔哩哔哩；1、下载好w...

黑科技模拟器(wpk最新黑科技... 黑科技模拟器(wpk最新黑科技)德州wepower透视辅助(wPK)原来存在有挂(证实有挂)-哔哩哔...