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控制牌是真的吗,德扑之星真的有透视吗工具(果然有辅助)AI 是一款可以让一直输的玩家...
总算了解!德普之星怎么作弊,W... 『标题:当前标题』主打赛后复盘的 AI 游戏攻略黑科技走红,对局总结能力开挂。上传对局回放或者战绩截...
玩家必看科普!wepoker安... 本地部署 AI 黑科技工具迎来新版本,不用上传文件到云端就能完成wepoker安装教程解析、 AI ...
最新技巧!wepokerh5破... 本地部署 AI 黑科技工具迎来新版本,不用上传文件到云端就能完成wepokerh5破解解析、 AI ...
科技通报!德普之星辅助功能如何... 科技通报!德普之星辅助功能如何设置,德扑之星到底有没有透视挂工具(从来存在有辅助挂)主打本地运行的 ...
教你教程!智星德州插件怎么下载... 教你教程!智星德州插件怎么下载,德普之星怎么开挂神器(总是有辅助挂)主打本地运行的 AI 黑科技工具...
一分钟揭秘!wpk作弊是真的吗... wpk作弊是真的吗AI 游戏攻略黑科技上线本地缓存功能,离线查阅能力开挂。提前下载对应游戏攻略数据包...
玩家必备攻略!wepoker有... 一款 AI 游戏攻略黑科技工具上线,查攻略效率直接开挂。它整合版本更新、装备搭配、BOSS 打法、牌...
实测发现!wepoker免费辅... 本地部署 AI 黑科技工具迎来新版本,不用上传文件到云端就能完成wepoker免费辅助器解析、 AI...
盘点一款!wepoker辅助透... 您好:wepoker辅助透视软件这款游戏可以开挂的,确实是有挂的,很多玩家在这款游戏中打牌都会发现很...