Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/28.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css “垫”选项卡组宽度与flex中100%容器的宽度没有反应_Css_Angular_Flexbox_Angular Material_Mat Tab - Fatal编程技术网

Css “垫”选项卡组宽度与flex中100%容器的宽度没有反应

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;/*

目前,我正在从事一个包含flexbox设计的项目,其中包含一个mat选项卡组。我面临的问题是,它不能正确地响应父宽度,而且似乎只有
类中的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将覆盖它


幸亏

我也有同样的问题请告诉我您是否有解决方案。:)谢谢,我明天会测试一下,然后告诉你。