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）胡乐安庆辅助工具辅助插件：进...

分享一下！闲来游戏辅助软件，卡... 分享一下！闲来游戏辅助软件，卡五星辅助，都是真的是有挂（哔哩哔哩）1、进入到闲来游戏辅助软件是否有挂...

关于一下！手机透视辅助器app... 关于一下！手机透视辅助器app，心动休闲辅助，原来是真的有挂（哔哩哔哩）1、完成手机透视辅助器app...

辅助一下！乐酷辅助，福建天天开... 辅助一下！乐酷辅助，福建天天开心辅助软件大全，好像是有挂（哔哩哔哩）1、福建天天开心辅助软件大全辅助...

详情一下！光明辅助器，欢乐达人... 详情一下！光明辅助器，欢乐达人正版脚本，都是真的是有挂（哔哩哔哩）1、欢乐达人正版脚本免费辅助多个强...

曝光一下！闲逸碰胡辅助，神殿娱... 曝光一下！闲逸碰胡辅助，神殿娱乐控制系统，都是有挂（哔哩哔哩）一、闲逸碰胡辅助游戏安装教程牌型概率发...

解谜一下！火神辅助免费下载，微... 解谜一下！火神辅助免费下载，微信小程序微乐辅助器，一直真的是有挂（哔哩哔哩）1、任何微信小程序微乐辅...

了解一下！乐酷副厅外卖辅助，闲... 了解一下！乐酷副厅外卖辅助，闲娱江西修改器，切实是有挂（哔哩哔哩）亲，关键说明，乐酷副厅外卖辅助透视...

解密一下！微信小程序雀神广东辅... 解密一下！微信小程序雀神广东辅助器，欢乐二七十娃，其实有挂（哔哩哔哩）一、微信小程序雀神广东辅助器游...

揭幕一下！九九联盟辅助教程，蜀... 揭幕一下！九九联盟辅助教程，蜀山四川辅助脚本，其实真的是有挂（哔哩哔哩）1、用户打开应用后不用登录就...