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线上打法教学... 1、黑科技计算！wpk线上打法教学（透视）竟然有挂（有挂系统）-哔哩哔哩；详细教程。2、wpk线上打...

黑科技好友！微扑克ai辅助（黑... 这是一款非常优秀的微扑克ai辅助 ia辅助检测软件，能够让你了解到微扑克ai辅助中牌率当中全部隐藏参...

黑科技神器！x-poker辅助... 黑科技神器！x-poker辅助软件（透明挂）先前存在有挂（有挂轻量版）-哔哩哔哩；x-poker辅助...

黑科技攻略！aapoker辅助... 1、黑科技攻略！aapoker辅助软件（黑科技）固有真的有挂（有挂模拟器）-哔哩哔哩。2、aapok...

黑科技存在！德州之星辅助器多少... 黑科技存在！德州之星辅助器多少钱（ai代打）本然存在有挂（有挂靠谱）-哔哩哔哩；德州之星辅助器多少钱...

黑科技中牌率！we辅助poke... 黑科技中牌率！we辅助poker（辅助挂）原本有挂（有挂计算器）-哔哩哔哩1、玩家可以在we辅助po...

黑科技辅助！微扑克俱乐部24小... 1、黑科技辅助！微扑克俱乐部24小时（辅助挂）从来是真的有挂（有挂黑科技）-哔哩哔哩。2、微扑克俱乐...

黑科技app！gg扑克有问题吗... 1、黑科技app！gg扑克有问题吗（黑科技ai）竟然是真的有挂（有挂辅助挂）-哔哩哔哩；详细教程。2...

黑科技科技！wpk真的太假了（... 黑科技科技！wpk真的太假了（透视）一贯存在有挂（有挂规律）-哔哩哔哩1、许多玩家不知道wpk真的太...

黑科技科技！红龙扑克辅助器（辅... 黑科技科技！红龙扑克辅助器（辅助挂）原先真的有挂（有挂德州）-哔哩哔哩；原来确实真的有挂（需添加指定...