Css “垫”选项卡组宽度与flex中100%容器的宽度没有反应
目前,我正在从事一个包含flexbox设计的项目,其中包含一个mat选项卡组。我面临的问题是,它不能正确地响应父宽度,而且似乎只有Css “垫”选项卡组宽度与flex中100%容器的宽度没有反应,css,angular,flexbox,angular-material,mat-tab,Css,Angular,Flexbox,Angular Material,Mat Tab,目前,我正在从事一个包含flexbox设计的项目,其中包含一个mat选项卡组。我面临的问题是,它不能正确地响应父宽度,而且似乎只有类中的max width属性影响宽度 删除垫拉伸选项卡属性也没有帮助。使用像素值作为flex基础应使宽度计算独立于内容。但一旦有超过目标宽度的选项卡,内容将与mat tab group一样宽。上述结构的样式如下所示 .flex容器{ 显示器:flex; } .弹性项目{ flex:1250px; } .参数{ 溢出:隐藏;/*已测试,无影响*/ 最小宽度:0;/*
类中的max width属性影响宽度
删除垫拉伸选项卡
属性也没有帮助。使用像素值作为flex基础应使宽度计算独立于内容。但一旦有超过目标宽度的选项卡,内容将与mat tab group
一样宽。上述结构的样式如下所示
.flex容器{
显示器:flex;
}
.弹性项目{
flex:1250px;
}
.参数{
溢出:隐藏;/*已测试,无影响*/
最小宽度:0;/*已测试,无冲击*/
最大宽度:350px;/*工作但始终为350px*/
}
我还测试了mat选项卡组
上的{width:100%}
属性,但这两个属性都没有影响。下面完全删除了水平滚动(并且它使用了我想要避免的/deep/
)
/deep/.mat选项卡标签,/deep/.mat选项卡标签处于活动状态{
最小宽度:0!重要;
填充:3px!重要;
保证金:3倍!重要;
}
你有什么想法吗?我缺少什么?这不是mat选项卡组的问题,而是flexbox默认设置的问题,其中flex项不能小于其内容
最小宽度:0将覆盖它
幸亏我也有同样的问题请告诉我您是否有解决方案。:)谢谢,我明天会测试一下,然后告诉你。