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安装)外挂透... 黑科技讲解(wpk安装)外挂透明挂辅助器(透明挂)果然有挂(的确有挂)-哔哩哔哩一、wpk安装AI软...

黑科技总结(线上德州aapok... 黑科技总结(线上德州aapoker)外挂透明挂辅助下载(软件透明挂)总是存在有挂(有人有挂)-哔哩哔...

黑科技模拟器(智星德州)外挂透... 黑科技模拟器(智星德州)外挂透明挂辅助软件(透明黑科技)其实存在有挂(了解有挂)-哔哩哔哩1、金币登...

黑科技数据(aapoker辅助... 黑科技数据(aapoker辅助工具)外挂透明挂辅助设备(透视)总是是有挂(存在有挂)-哔哩哔哩1）a...

黑科技好友房(wepoke玄学... 黑科技好友房(wepoke玄学)外挂透明挂辅助设备(透视)一贯存在有挂(了解有挂)-哔哩哔哩1、进入...

黑科技好友房(aapoker有... 黑科技好友房(aapoker有外挂)外挂透明挂辅助代打(软件透明挂)总是是真的有挂(有挂详情)-哔哩...

黑科技了解(Wepoke实锤)... 黑科技了解(Wepoke实锤)外挂透明挂辅助器(ai代打)原来真的有挂(有挂解惑)-哔哩哔哩；1、W...

黑科技能赢(扑克之城)外挂透明... 黑科技能赢(扑克之城)外挂透明挂辅助神器(软件透明挂)果然真的是有挂(有挂实锤)-哔哩哔哩；1、该软...

黑科技挂(wpk大厅)外挂透明... 黑科技挂(wpk大厅)外挂透明挂辅助下载(智能ai)竟然是真的有挂(有挂秘籍)-哔哩哔哩1、让任何用...

黑科技有挂(聚星扑克)外挂透明... 黑科技有挂(聚星扑克)外挂透明挂辅助设备(智能ai)一贯是真的有挂(了解有挂)-哔哩哔哩；1）聚星扑...