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

详细透视!wepoker手机版... 详细透视!wepoker手机版辅助!玩家攻略推荐辅助教程(有挂头条)-哔哩哔哩1、该软件可以轻松地帮...

辅助透视!wepoker安装教... 辅助透视!wepoker安装教程!科普常识辅助工具(有挂技巧)-哔哩哔哩wepoker安装教程透视方...

解迷透视!wepoker辅助器... 解迷透视!wepoker辅助器免费!解密关于辅助脚本(有挂规律)-哔哩哔哩wepoker辅助器免费是...

揭幕透视!wepoker-h5... 揭幕透视!wepoker-h5下载!实测交流辅助攻略(有挂教学)-哔哩哔哩一、wepoker-h5下...

详情透视!wejoker手机版... 详情透视!wejoker手机版透视脚本!玩家必备攻略辅助攻略(有挂秘诀)-哔哩哔哩1、许多玩家不知道...

必备透视!aapoker辅助插... 必备透视!aapoker辅助插件工具!一秒答解辅助技巧(有挂神器)-哔哩哔哩aapoker辅助插件工...

科普透视!wepoker轻量版... 科普透视!wepoker轻量版书签!我来教教大家辅助攻略(果真有挂)-哔哩哔哩1、每一步都需要思考，...

详情透视!拱趴大菠萝怎么开挂!... 详情透视!拱趴大菠萝怎么开挂!玩家必备教程辅助教程(有挂解密)-哔哩哔哩1、该软件可以轻松地帮助玩家...

辅助透视!pokemmo手机版... 辅助透视!pokemmo手机版脚本免费!指导大家辅助技巧(有人有挂)-哔哩哔哩；1、下载好pokem...

普及透视!aapoker俱乐部... 普及透视!aapoker俱乐部靠谱吗!我来教教大家辅助脚本(存在有挂)-哔哩哔哩1、aapoker俱...