Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/32.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 使角材料垫按钮切换组响应_Css_Angular_Angular Material_Flexboxgrid - Fatal编程技术网

Css 使角材料垫按钮切换组响应

Css 使角材料垫按钮切换组响应,css,angular,angular-material,flexboxgrid,Css,Angular,Angular Material,Flexboxgrid,我有一个垫按钮开关组,有6个按钮开关。 在桌面上,所有按钮应在一行中。在较小的屏幕上,小组应打断并显示两行按钮,如下所示: 这是到目前为止我的代码(我正在使用flexbox网格): 必须将切换组元素的flex wrap属性设置为wrap: mat-button-toggle-group { flex-wrap: wrap; } 那就按你的意思把边界修好 mat-button-toggle-group { flex-wrap: wrap; }

我有一个垫按钮开关组,有6个按钮开关。 在桌面上,所有按钮应在一行中。在较小的屏幕上,小组应打断并显示两行按钮,如下所示:

这是到目前为止我的代码(我正在使用flexbox网格):


必须将切换组元素的
flex wrap
属性设置为
wrap

mat-button-toggle-group {
  flex-wrap: wrap;
}
那就按你的意思把边界修好

mat-button-toggle-group {
  flex-wrap: wrap;
}