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）四川游戏家园免费钻石：进一步...

重大通报!乐鱼辅助器功能工具,... 重大通报!乐鱼辅助器功能工具,乐鱼竟然真的有辅助器工具小薇（辅助器软件下载）致您一封信；亲爱乐鱼辅助...

一分钟揭秘!甬城竞技辅助器功能... 一分钟揭秘!甬城竞技辅助器功能app,甬城竞技原来真的是有辅助器app亲，关键说明，甬城竞技透视脚本...

科技分享!瓜瓜丰城棋牌透视功能... 科技分享!瓜瓜丰城棋牌透视功能软件,瓜瓜丰城棋牌一贯有透视软件所有人都在同一条线上，像星星一样排成一...

盘点十款!新二号开挂功能神器,... 盘点十款!新二号开挂功能神器,新二号确实是真的有开挂神器1、新二号有没有辅助教程、新二号有透视吗等服...

揭秘真相!快乐吧开挂功能app... 揭秘真相!快乐吧开挂功能app,快乐吧总是真的是有开挂app1、用户打开应用后不用登录就可以直接使用...

玩家必备科普!剧乐部辅助器功能... 玩家必备科普!剧乐部辅助器功能神器,剧乐部一贯是有辅助器神器1）剧乐部免费钻石：进一步探索剧乐部免费...

终于懂了!乐奕互娱辅助功能工具... 终于懂了!乐奕互娱辅助功能工具,乐奕互娱其实真的是有辅助工具该软件可以轻松地帮助玩家将乐奕互娱外卦神...

每日必看!新世界辅助器功能软件... 每日必看!新世界辅助器功能软件,新世界竟然存在有辅助器软件新世界能透视中分为三种模型：新世界模拟器、...

总算了解!奕棋耍大牌辅助器功能... 总算了解!奕棋耍大牌辅助器功能攻略,奕棋耍大牌一直真的是有辅助器攻略所有人都在同一条线上，像星星一样...