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、上手简单,内置详细...
黑科技辅助!微乐自建房辅助工具... 黑科技辅助!微乐自建房辅助工具官网(辅助),微乐打炸总是真的有透视挂技巧微乐自建房辅助工具官网脚本下...
黑科技开挂!小程序微乐陕西挖坑... 黑科技开挂!小程序微乐陕西挖坑辅助器(开挂),微乐保皇一直存在有透视挂方法1、超多福利:超高返利,海...
黑科技作弊器!微乐小程序辅助器... 黑科技作弊器!微乐小程序辅助器(作弊器),微乐一打三都是存在有透视挂插件1、金币登录送、破产送、升级...
黑科技透视器!微乐家乡脚本助手... 黑科技透视器!微乐家乡脚本助手(透视器),微乐游戏棋牌好像存在有透视挂教程1、很好的工具软件,可以解...
黑科技辅助器!微乐贵阳足鸡麻将... 黑科技辅助器!微乐贵阳足鸡麻将开挂(辅助器),微乐陕西麻将好像真的是有透视挂软件一、微乐贵阳足鸡麻将...
黑科技外挂!小程序微乐游戏辅助... 黑科技外挂!小程序微乐游戏辅助器(外挂),微乐三打一确实存在有透视挂软件1、该软件可以轻松地帮助玩家...
黑科技辅助!微乐自建房插件详细... 黑科技辅助!微乐自建房插件详细教程(辅助),微乐陕西三代一直是有透视挂技巧微乐自建房插件详细教程是不...
黑科技辅助!微乐自建房辅助工具... 黑科技辅助!微乐自建房辅助工具2025在哪(辅助),微乐福州麻将果然真的有透视挂方法1、全新机制【微...