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

黑科技游戏(wepoke真的有... 黑科技游戏(wepoke真的有挂)wepoke黑科技(wEPOKE)真是真的是有挂(有挂规律)-哔哩...

黑科技ai(wepokeai代... 黑科技ai(wepokeai代打)wepoke透技巧(wepOKE)本来真的有挂(揭秘有挂)-哔哩哔...

黑科技辅助挂(wepoke真的... 黑科技辅助挂(wepoke真的有挂)wepower辅助软件(wepOke)往昔真的是有挂(有挂分析)...

黑科技辅助(wepoke辅助插... 1、黑科技辅助(wepoke辅助插件)wepoke俱乐部黑科技(wePOKE)素来真的有挂(有挂解密...

黑科技辅助(wepoke透明黑... 黑科技辅助(wepoke透明黑科技)we辅助poker(wepOke)原先有挂(有挂规律)-哔哩哔哩...

黑科技app(wepoke真的... 黑科技app(wepoke真的有挂)wepoke辅助透视是不是真的(wEpOke)切实真的有挂(有挂...

黑科技真的(wepoke智能a... 黑科技真的(wepoke智能ai)wepoke透明挂使用教程(WePoKer)一向是真的有挂(有挂教...

黑科技辅助(wepoke真的有... 黑科技辅助(wepoke真的有挂)wepoke德州扑克安卓下载(wePokE)往昔存在有挂(有挂技术...

黑科技免费(wepoke真的有... 黑科技免费(wepoke真的有挂)wepoke好友助力(WEPOke)一贯真的有挂(有挂实锤)-哔哩...

黑科技科技(wepoke辅助插... 黑科技科技(wepoke辅助插件)wepoke的机制(Wepoke)确实是真的有挂(讲解有挂)-哔哩...