fxFlex不调整元素大小
fxFlex是Angular Flex Layout库中的一个指令，用于控制元素在flex容器中的布局方式和大小。
fxFlex指令允许我们指定一个元素的flex基础值，用于决定元素在flex容器中所占的比例。它可以接受一个数字或一个表达式作为参数。当参数为数字时，表示元素所占的比例，比如fxFlex="2"表示该元素占据父容器的2倍空间。当参数为表达式时，可以通过计算动态地改变元素的大小。
fxFlex还可以与其他指令组合使用，如fxLayout、fxLayoutAlign等，来实现更复杂的布局需求。它提供了一些灵活的选项，如fxFlex.gt-sm、fxFlex.lt-md等，用于在不同的屏幕尺寸下设置不同的元素大小。
fxFlex的优势在于它可以轻松实现响应式布局，使得网页在不同的设备和屏幕尺寸下都能良好地适应和显示。它使开发人员不需要手动计算和设置元素的大小，极大地提高了开发效率。
应用场景包括但不限于以下几个方面：
- 响应式网页设计：通过使用fxFlex指令，可以根据不同屏幕尺寸自适应地调整布局，提供更好的用户体验。
- 列表布局：可以使用fxFlex指令创建一行或多行的列表布局，并设置不同元素的大小和位置。
- 表单布局：可以使用fxFlex指令对表单中的各个字段进行灵活的布局控制，适应不同的表单需求。
腾讯云提供了一套与Angular Flex Layout库相结合的云开发解决方案，名为云开发（CloudBase），它提供了丰富的云产品和服务，如云函数、云数据库、云存储等，可用于搭建云端的Web应用程序。您可以在腾讯云的官方网站（https://cloud.tencent.com/product/cloudbase）上了解更多关于云开发的信息和产品介绍。
相关·内容
2回答
我正在使用Angular flexlayout，它可以完美地工作，我正在尝试将fxFlex绑定到子元素，如下所示 <div [fxLayout]="fields.layoutConfig.fxLayout + ' wrap'" fxLayoutGap="10px">
<div *ngFor="let field of fields.componentConfig;" [fxFlex]="field?.componentProperty?.fxFlexChildLayout?.fxFlex"
浏览 115提问于2020-05-02得票数 1
1回答
当屏幕尺寸非常小(Xs)时，我试图显示100%的内容。但这是行不通的。
<ng-template #chatlistwithwindow>
<div class="main-content">
<div fxLayout="row" fxLayoutAlign="start start">
<app-chat-user-list fxFlex.xs="100%" fxFlex.gt-xs="23%" fxFlexFill></app-ch
浏览 0提问于2019-01-24得票数 0
回答已采纳
我正在使用flex layout在桌面视图上设置材料卡片内联，在电话视图上设置垂直卡片。
<div fxLayout="row" fxLayout.xs="column" fxLayoutAlign="center center" class="containercards">
<div fxFlex fxFlex.xs="100">
<mat-card class="container">
<mat-card
浏览 1提问于2018-03-28得票数 0
使用fxLayoutGap和each会在包装的每一行的末尾留下一个恼人的边距。
有办法解决这个问题吗？
<div fxLayout="row wrap" fxLayoutGap="25px">
<mat-form-field fxFlex.xs="calc(50%-25px)" fxFlex="calc(33%-25px)">
<input matInput placeholder="Name">
</mat-form-field>
<ma
浏览 2提问于2018-05-14得票数 18
我试图使用内联FlexBox和fxLayoutAlign，用Node.js角度创建一个简单的HTML结构。主要问题是fxFlex没有拉伸元素以匹配容器，而fxLayoutAlign没有为子容器提供正确的布局。也许这两个问题是相关的。
我有一套组件，代码可以在下面看到。仪表板组件目前有一个包含3个子组件的布局。然而，孩子们不会伸展来装容器。此外，我不能使用fxLayoutAlign对齐孩子之间的空格。header组件也有fxLayoutAlign，在这里它运行得非常好。
仪表板的一个子程序是另一个组件，称为任务列表。此组件包含“任务”列表，该列表的大小可能有所不同，从而导致容器可随溢出而滚动。但
浏览 1提问于2020-08-24得票数 1
回答已采纳
我正在尝试同时实现文本字段和复选框。就像这样。 ? 但是，问题是<mat-form-field>和<mat-checkbox>不是垂直对齐的。我如何通过垂直对齐它们来前进？ 代码如下： <mat-card>
<mat-card-title>
Family Information
</mat-card-title>
<form [formGroup]="familyInfo">
<div fxLayout="row" fxLa
浏览 24提问于2020-06-24得票数 5
2回答
使用材料设计和灵活布局的角度应用程序。
我正在尝试创建一个简单的页面布局，上面有两列(left=fill，right=10%)，后面是屏幕底部的单行。元素仍然只填充内容所需的垂直空间。我找到的唯一方法是手动将height设置为100%。这就是我要做的吗？这个html有什么问题？
<div fxLayout="column">
<div fxLayout="row" fxFlex="90%">
<div fxFlex="80%" class="border">
浏览 1提问于2017-01-16得票数 19
回答已采纳
2回答
我使用角度材料来显示表格数据。这只是部分代码。这张桌子嵌在材料卡片里。当字段的长度更长时，表格单元格中的数据会变得混乱。我附上了同样的截图
<mat-card-content fxLayout="column" fxLayoutAlign="space-between" fxFlex>
<h4>Incidents</h4>
<mat-table #table [dataSource]="dataSource" matSort class="mat-elevation-z8">
浏览 0提问于2018-10-11得票数 8
2回答
我对FxFlex和火狐有一个无法解决的问题。
我想要做的是一个div，它用40 to高度填充屏幕和标题，其余的高度填充内容。
它工作在铬，我的屏幕有982 It，标题有40 It和内容942 It。
在Firefox中，屏幕有982‘t、头40’t和内容982‘t，所以它没有显示所有的内容。
这是我的html：
<div fxFlexFill fxLayout="column">
<header fxFlex="40px">
</header>
<content fxFlex fxLayout=&#
浏览 0提问于2018-09-20得票数 0
回答已采纳
3回答
我正在列表中使用mat-card，并且在对齐方面有问题。
以下是我所拥有的：
我想要的是：
守则：
<div class="margin-top-20" fxFlexFill fxLayout="row wrap" fxLayout.xs="column" fxLayout.sm="column" fxLayoutGap="15px grid">
<div fxFlex="20" fxFlex.md="33" *ngFor="let
浏览 0提问于2018-09-06得票数 7
回答已采纳
我使用的是Angular 4，我选择了一个:hover的mat-card，这看起来很好。我已经向mat-card添加了一个click event，当单击时，我希望背景保持与悬停相同的颜色，直到另一个项目被单击。
<mat-card>
<div fxLayout="row" fxLayout.xs="column">
<div class="card-label" fxFlex.xl="50" fxFlex.lg="50" fxFlex.md="50
浏览 0提问于2018-01-04得票数 0
1回答
CSS响应布局和%宽度
、、、
使用，我有一个简单的两列布局。
<div fxFlex fxLayout="row">
<div fxFlex="35%">
<!-- Left Column -->
</div>
<div fxFlex="65%">
<!-- Right Column -->
</div>
</div>
在小显示器上，我希望列被包装，就在左下方。
使用角/挠性布局的，我在容器元素上为小屏幕(600 on
浏览 9提问于2017-06-04得票数 5
回答已采纳
1回答
我正在构建一个带有Flex布局的小角度应用程序，我被卡住了。
在大屏幕上，所有操作都是正确的，但是对于小型设备，我希望每个属性占用一行。因此，我为每一行设置了属性fxFlex.lt-sm=100。请找到下面的屏幕截图和我的代码。也许你们中的一个能给我暗示一下我犯了什么错？
() "ok“
()“错误”
我为每一行设置了属性fxFlex.lt-sm=100。请找到下面的屏幕截图和我的代码。也许你们中的一个能给我暗示一下我犯了什么错？
<mat-card>
<mat-list role="list">
<mat-list-item
浏览 0提问于2019-06-10得票数 0
回答已采纳
2回答
我有一个flex容器和一些可以使用ngIf添加或删除的元素。
我希望另一个元素始终可见，水平居中，底部也有一个固定的元素，例如：
在蓝色部分，我将根据ngIf条件使用不同的元素：
<div fxFlexFill fxLayout="column">
<element1 fxFlex *ngIf="element === '1'">
</element1>
<element2 fxFlex *ngIf="element === '2'">
浏览 2提问于2018-07-13得票数 0
1回答
我正在使用角度材料组件，我试图定制一个组合框(选择)。当我更改组件的填充时，它会溢出包装器div元素。我还以为它会长出来呢。
在添加填充之前查看和感受
添加填充后的外观
如我们所见，mat-select div没有增长，因为mat-select元素通过添加填充来增加其宽度。
html代码
<div style="border: 1px solid black; min-width: 100px; margin: 0px 5px; float: left">
<mat-form-field class="my-select tem
浏览 0提问于2019-03-06得票数 5
回答已采纳
我有一个div，它有一个*ngIf条件和fxFlex.lg="30" fxFlex.xl="50"响应的布局值：
<div class="project-test__element" *ngIf="myCondition()" fxFlex.lg="30" fxFlex.xl="50" fxLayoutAlign="end center">
Test fxFlex.lg and fxFlex.xl
</div>
下面的样式将应用于我的div
place
浏览 2提问于2020-11-26得票数 0
回答已采纳
2回答
我正在尝试创建一个布局，类似的一个角材料原理图为仪表板，但使用角挠曲布局。
仪表板示例
到目前为止我不得不：
<div fxFlex="66" fxFlexOffset="15" fxLayout="row" fxLayoutGap="0.5%">
<div fxFlex="100%">
<mat-card>
// content
</mat-card>
浏览 1提问于2019-03-30得票数 0
回答已采纳
2回答
我正在尝试使用和创建一个选项卡式应用程序。我不知道如何让选项卡的内容展开来填充屏幕。
我看到的是：
我的布局代码如下所示，包括工具栏和页脚。
<div fxFlex fxLayout="column">
<md-toolbar color="primary">
Toolbar
</md-toolbar>
<md-tab-group>
<md-tab label="Tab 1">
<div fxFlex fxLayout="
浏览 3提问于2017-07-20得票数 4
回答已采纳
我正在处理一个动态表单，其中的行是根据用户需求生成的。但问题是，一旦用户生成新行，它就会自动失效，甚至不会触及它。如何避免这种行为。这是我的表格
当我点击add按钮时，它就变成这样了
这是我的html文件
<form [formGroup]="loanProductForm">
<table>
<thead>
<tr class='tableHeader'>
<div fxLayout="row" fxLa
浏览 2提问于2019-11-21得票数 1
回答已采纳
我有一张有角的三列桌子。列是domain-disable-actions和操作，是垃圾桶图标按钮。
我的问题是，当鼠标指针出现在垃圾图标按钮上时，鼠标指针就变成了一个像文本框一样的光标。我如何使图标上的指针？
我的工作表代码在这里：
<mat-table #table [dataSource]="tableData">
<ng-container cdkColumnDef="domain">
<mat-header-cell *cdkHeaderCellDef fxFlex="50%">
浏览 2提问于2019-01-21得票数 6
回答已采纳
1回答
我利用导火索主题的角度网站。布局如下：
<div class="content p-24">
<div fxLayout="column" fxLayoutAlign="start start" fxLayout.gt-md="row" fxFlex="50">
<form class="mat-white-bg mat-elevation-z4 p-24 mr-24 mb-24" fxLayout="column" fx
浏览 0提问于2018-10-31得票数 1
1回答
flex布局不能正常工作
、、、
我正在使用angular 4中的flex布局模块，我尝试在桌面模式下并排显示卡片布局，并在移动模式下显示相同的卡布局，但它对我不起作用，请建议适当的代码。
下面是我的代码：
<div fxLayout="row" fxLayout-gt-xs="column">
<mat-card fxflex fxflex-gt-xs="100" fxFlex="33.33%">
<h2>Card title #1</h2>
<ma
浏览 1提问于2017-10-22得票数 0
我正在使用Angular编辑一个表单，但它不能很好地工作。当我使用Chrome dev工具调试它时，我发现mat-form-field限制了输入区域的宽度，并且我没有放入任何CSS代码来指定宽度。 表单和p标签的宽度: 460，mat- form -field的宽度: 180。除了容器部分，我没有给代码添加任何样式。 ? <div class="container"
fxLayout="row"
fxLayout.sm="column"
fxLayout.xs="column"
fxLayoutAlign.gt-m
浏览 52提问于2019-01-02得票数 1
我有3个div，我可以根据屏幕大小设置更大或更小，但不能让它像bootstrap一样包装。所以对于小屏幕，我希望div垂直堆叠，大屏幕水平堆叠。例如
有人知道我是怎么用Angular2做到这一点的吗？我选择使用我npm的@angular/flex-layout。
注意:我不认为“彩色盒子”中有任何东西与任何东西冲突。
这是我的代码。
import { Component } from '@angular/core';
@Component({
selector: 'my-app',
//templateUrl: './app/app.comp
浏览 0提问于2017-01-30得票数 18
回答已采纳
1回答
角质材料2-响应工具栏
、、、
使用角4，我试图在页面顶部有一个工具栏，该工具栏具有以下行为：
大屏幕
在左边显示"Main"-Logo/Link，在右边显示其他顶部导航链接。
小屏幕
显示以“主”-Logo链接为中心的“主”链接，并在左侧显示一个菜单按钮，以显示sidenav (如果屏幕较大，则包含在右侧可见的链接)。
注意：
如果可见，sidenav不应遍历工具栏。
附注2：
"Main"-Logo/Link的对中应以屏幕的整体宽度为中心。它不应该被菜单按钮推到右边。
我所拥有的
<div fxLayout="column" fxFlex>
<md-t
浏览 4提问于2017-09-19得票数 4
回答已采纳
3回答
我正在学习FxFlex，而不是使用Bootstrap和Angular材质。我把头发都拔出来了。在线文档和示例并不多，而且现有的文档和示例也没有那么大的帮助。这个系统看起来相当简单，但它把我搞糊涂了。
基本上，我有一张桌子和一个按钮。我想把按钮放在页面的右边，表格放在它下面。我似乎无法使用FxFlex将按钮移动到屏幕的右侧。在bootstrap中，我会使用浮点数或col，但在这里，网格系统并不是真正可用的。
我看到了关于一组项目间距的教程，但不是单个项目。
我正在寻找一种像网格一样的体验。
下面不是实际的代码，只是一个aprox。但概念是一样的。创建列容器。在内部创建一行，可能使用wrap。然后
浏览 31提问于2020-05-27得票数 0
1回答
我必须高亮显示页面中的一些元素，这取决于用户的操作。
我正在添加和删除higlight类，这个突出显示类添加背景和填充。
问题在于填充元素和fxFlex元素，其他元素在添加类时会被移动：
.my-highlighted {
background: red;
padding: 2px; //thats my problem
}
如何在不影响其他元素的情况下添加“填充效果”？我试过边界也有同样的问题
浏览 2提问于2018-05-24得票数 2
回答已采纳
1回答
图像未在弹性行中对齐
、、、
我在mat-card-header中有以下行：
<div fxLayout="row" fxLayoutGap="20px" fxFlex="1 1 100%">
<div fxLayoutAlign="start" fxFlex="1 1 60%" >
<h1 class="mat-title" color="accent">{{model.get_price()}}</h1>
&l
浏览 0提问于2018-02-08得票数 0
我正在开发一个Angular 7 web应用程序，并且正在为一个允许用户拖放mat-list-option项目的Mat-Selection-List而苦苦挣扎。
每个mat-list-option条目都包含一个div，它使用Flex Layout按如下方式排列其组件：
<mat-selection-list #taskGroupSelectionList
cdkDropList
[(ngModel)]="selectedOptions"
浏览 0提问于2019-10-08得票数 2
我有一个分成两个垂直窗格的页面。左右窗格响应不同的分辨率。
<div fxLayout="row" fxFlexFill fxLayout.xs="column" >
<div fxFlex="20" class="width" fxFlex.sm="45" fxFlex.md="35" fxFlex.lg ="30" >
left div
</div>
<div fxFlex="80" fx
浏览 0提问于2018-04-11得票数 2
1回答
我正在使用Meteor - Angular2开发使用角2的Flex布局。
当屏幕大小小于520 to时，我需要一个响应结果。
它很好，只要调整我的屏幕大小，但使用真正的设备或铬的设备工具栏，它会变得糟糕。
这是我的结果屏幕截图和代码
import { Component } from '@angular/core';
@Component({
selector: 'demo-responsive-layout-direction',
template: `
<div class="containerX">
浏览 0提问于2017-03-25得票数 0
回答已采纳
我有一个垫表，我想自动调整列宽，任何人都会有最长的列内容。
<mat-table #table [dataSource]="dataSource">
<ng-container matColumnDef="email">
<mat-header-cell *matHeaderCellDef class="myHeader"> No. </mat-header-cell>
<mat-cell *matCellDef="let element" class="m
浏览 3提问于2018-02-08得票数 10
回答已采纳
我试图使用角，但是指令fxFlex，特别是参数flex-grow有问题。
医生说：
flexbox :定义如果有可用空间，一个flexbox项应该增长多少(与其他项成比例)。弹性增长值覆盖宽度。
因此，我认为使用下面的代码，第二个div应该是第二个代码的两倍，并且应该填充空空间：
<div fxLayout="row">
<div fxFlex="2 1 30%">[flex="2 1 30%"]</div>
<div fxFlex="1 1 40%">[fl
浏览 10提问于2017-09-20得票数 9
回答已采纳
1回答
我使用了ng-flex，所以它们是有响应的。但是我想把它们对齐，使它们都有相同的高度。how you can see they aren't alinged。 .content {
padding: 16px;
}
.content > mat-card {
width: 200px;
} <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"&g
浏览 19提问于2021-06-24得票数 0
回答已采纳
我有两个组件(父组件和子组件)，在父组件中有单选按钮选项创建、更新、删除。如果选择create选项，子组件中的学生id元素将被禁用。在单击create单选按钮选项时，应该触发后端API调用，以获取学生id并在子组件学生id元素中填充学生id值。
你能帮个忙吗。
谢谢
父组件
<mat-card class="student-registration-card" fxLayout="column" fxLayout.lt-sm="column" fxLayoutGap="32px">
<mat-card fxL
浏览 1提问于2019-04-19得票数 0
回答已采纳
1回答
我正在创建一个弹出菜单、一个ToggleButton和一个弹出控件。所有这些都包含在画布中。下面的图片是我的应用程序的右下角。我将画布设置在Index 1列中，拉伸2列，并位于第二行到第二行。
灰色图像只是一个地方持有人。从下面的XAML中，您可以看到，我已经将所有内容都设置为拉伸。画布伸展，但没有其他东西。注释掉StackPanel和/或标签什么也不做。所以我确信这也不是原因。ToggleButton并没有延伸到画布的大小。
我做了一个截图，这样我就能突出那些相关的部分，更好。但是如果我需要粘贴代码，我可以。
编辑
更新的XAML：
<Border BorderBr
浏览 1提问于2013-02-11得票数 1
回答已采纳
2回答
我目前在使用flex布局布局Angular2的材质模块时遇到了一个问题。
正如您将在下面的示例以及附加的实时版本中看到的那样，Angular2的工具栏模块似乎不允许将flex布局放置在mat-toolbar中
<mat-toolbar color="primary">
<div fxLayout="row" fxLayoutAlign="end">
<a mat-button fxFlex="auto">Item 1</a>
<a ma
浏览 1提问于2018-01-11得票数 5
回答已采纳
4回答
可以通过#child div调整#parent div的大小(*当#child div使用位置:绝对位置时；)
就像通过#t_child表调整#t_parent表大小一样
<div id="parent" style="position:relative; width:500px; height:500px; border:#F00 3px solid;">
<div id="child" style="position:absolute; left:20px; width:800px; height:500px
浏览 0提问于2011-10-04得票数 3
3回答
我很难把我的登录卡对齐。这就是现在看起来的样子：
这是我的代码：.html
<!-- ============================================================== -->
<!-- Simple four boxes Row -->
<!-- ============================================================== -->
<div fxLayout="row" fxLayoutWrap="wrap">
浏览 0提问于2019-01-11得票数 3
回答已采纳
记录指定的元素：
‘interactive-model’中的容器不会简单地居中于其父容器中。
在应用程序组件Html中：
<router-outlet fxLayout="column" fxFlexAlign="center" fxLayoutAlign="center center">
交互式模型commponent.html内部：
<div fxLayout="row" fxLayoutAlign="center center"
fxHide.lt-md="true“class=”
浏览 3提问于2018-08-22得票数 2
回答已采纳
1回答
我想在单击add按钮时添加一行，该表以反应性形式存在。
以下是我如何尝试html file的方法
<tr *ngFor='let row of tableRows'>
<div fxLayout="row" fxLayoutAlign="start center" fxFlex="1 0 auto">
<td fxFlex="22">
<mat-form-field appearance="outline&#
浏览 6提问于2019-11-19得票数 1
回答已采纳
3回答
是否有可能显示/隐藏<button>标签的某些属性，这取决于屏幕大小与角度Flex & Material？
像这样的事情(不幸的是不起作用)：
<button [fxFlex.lg]="'mat-raised-button'"
[fxFlex.md]="'mat-icon-button'"
(click)="new()">
...
</button>
浏览 6提问于2019-09-26得票数 1
回答已采纳
1回答
状态:我用角度-柔性布局构建表单，但是我也需要使用带有flex的角度网格，如何将flex和网格一起使用？
<div fxLayout="row wrap" fxLayoutGap="15px">
<ng-container *ngFor="let widget of containerList">
<ng-container *ngIf="widget.widgetType.name === widgetTypeEnum.form.name">
<d
浏览 2提问于2022-09-24得票数 0
回答已采纳
1回答
我想得到帮助，请建立一个响应式的设计。
问题是，我不知道如何将元素定位为绝对元素，但保持与它们之间的顶部比例的相同距离。
这里有一个例子的链接，你可以调整窗口宽度，并看到两个元素正在远离彼此，而不是总是从顶部开始保持它们之间的相同空间。所以我想要做的就是对整个东西进行模拟缩放，这样它只会变得更小/更大，但看起来总是一样的。
请在调整窗口大小时，如何使元素向上移动并从顶部缩小空间？
.container {
width: 100%;
height: 1000px;
position: relative;
background: #eee;
}
.contain
浏览 2提问于2013-11-09得票数 12
1回答
我的根组件在高度上没有填满屏幕。根组件模板如下：
<md-toolbar color="primary" id="tool">
<div fxLayout="row" style="width: 100%">
<div fxFlex="10" fxFlexAlign="center">
<md-icon (click)="navigateBack()" [hidden]="!showBackNavigation
浏览 0提问于2017-01-10得票数 4
我在使用fxLayoutGap时遇到了问题。我列表的最后一列有一个填充，我不想要它。
如何保持fxLayoutGap (卡片之间的空间)并从最后一栏中移除填充物？谢谢！
<div fxFlexFill fxLayout="row wrap" fxLayout.xs="column" fxLayout.sm="column" fxLayoutGap="20px grid" style="margin-right:-20px;">
<div fxHide.lt-sm="true"
浏览 0提问于2018-09-04得票数 3
回答已采纳
我已经使用角度材料和flex布局创建了一个响应式表单。它在台式机和ipad屏幕上运行良好。 对于移动设备，我希望将表单域居中对齐，并在屏幕的左侧和右侧添加边距。有没有办法在flex-layout中做到这一点？ 如果没有，那么如何使用ngClass.xs定制CSS呢？我试过将宽度设置为90%，但它居中不正确，看起来很奇怪。 <div class="container" fxLayout="row" fxLayout.xs="column" fxLayoutGap.gt-xs="2%" fxLayoutAlign="c
浏览 12提问于2019-07-04得票数 1
回答已采纳
1回答
我有一个强制有向图，有数百个节点和链接，但窗口太小，它不能显示所有节点(链接)。我必须在chrome浏览器中向下或向上滚动才能看到所有数据。下面是我的窗口代码，如何缩放所有数据以适应当前窗口
var width = 2400;
var height = 1500;
var color = d3.scale.category20c();
var svg = d3.select("body").append("svg")
.attr("width", width
浏览 3提问于2017-01-28得票数 0
是否在用作SAEA缓冲区的数组上调用Array.Resize？不同的线程都会写到它们自己分配的数组中，我只想让数组更大，一旦初始化的大小随着连接用户的增加而耗尽，就不需要锁定。
byte[] buffer; //Accessed
object expand_Lock = new object();
public void AsyncAccept()
{
//Lock here so we don't resize the buffer twice at once
lock(expand_Lock)
{
if (bufferFull)
浏览 2提问于2014-05-01得票数 5
回答已采纳
1回答
我有下面的标记，它有一个间隔列，所以我可以左对齐，然后右对齐。它在笔记本电脑屏幕上看起来很棒。然而，在较大的显示器上，隔板不会伸展以使用所有可用空间。输入框和按钮在笔记本电脑屏幕上对齐得很好，但显示器上有很大的空间。
如何将按钮和输入框保持在一起，并让间隔使用所有可用的空间？
<div fxLayout="row" fxLayoutAlign="start center">
<div fxFlex="15">
<mat-form-field>
<mat-se
浏览 11提问于2020-05-26得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
