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

2026版规律！微乐小程序黑科... 2026版规律！微乐小程序黑科技，微乐南昌辅助神器（透视）一贯有挂（哔哩哔哩）1、微乐南昌辅助神器破...

第7分钟透视！微乐小程序免费黑... 第7分钟透视！微乐小程序免费黑科技，微乐自建房插件如何安装（开挂）果然有挂（2026）1、第7分钟透...

据了解！微乐小程序免费黑科技，... 据了解！微乐小程序免费黑科技，陕西微乐小程序攻略（透视）切实真的有挂（哔哩哔哩）1、不需要AI权限，...

一分钟神器！微乐小程序黑科技，... 一分钟神器！微乐小程序黑科技，微乐小程序辅助开发（开挂）好像存在有挂（2026）1、微乐小程序黑科技...

做出回应！微乐小程序黑科技，微... 做出回应！微乐小程序黑科技，微乐自建房免费黑科技推荐（透视）竟然是真的挂（哔哩哔哩）1、任何微乐自建...

5分钟开挂！微乐小程序免费黑科... 5分钟开挂！微乐小程序免费黑科技，微乐家乡app下载（开挂）好像有挂（2026）1、该软件可以轻松地...

透视玄学！微乐小程序黑科技，微... 透视玄学！微乐小程序黑科技，微信小程序微乐破解器（透视）确实存在有挂（哔哩哔哩）1、微信小程序微乐破...

第8分钟辅助！微乐小程序免费黑... 第8分钟辅助！微乐小程序免费黑科技，微乐小程序晃晃脚本（开挂）其实是真的挂（2026）1、完成微乐小...

透视黑科技！微乐小程序黑科技，... 透视黑科技！微乐小程序黑科技，微乐自建房脚本使用安全吗（透视）好像有挂（哔哩哔哩）1、游戏颠覆性的策...

5分钟教程！微乐小程序黑科技，... 5分钟教程！微乐小程序黑科技，微乐自建房辅助入口在哪里（开挂）果然真的是有挂（2026）1、完成微乐...