如何解决如何将“搜索”框与角垫表格中的右侧对齐?
我正在使用Debug mode
,因此Java
按钮和mat-card
框需要在一行中水平对齐。
我希望add
位于左侧,search
位于右侧。
我在add
之后写过,但是search
不在右边。
html
我也遇到错误-search
解决方法
-
首先,您尝试使用
flexbox
,但是没有声明flex
容器。 -
您需要将
display: flex
添加到父元素,其子元素才能成为flex
元素。 -
要在最右边显示
search
框,可以使用margin-left: auto
。
<div class="page-container">
<mat-card class="mat-elevation-z3">
<mat-card-title>Test Data</mat-card-title>
<form layout-align='center center' layout='column' style="display: flex">
<mat-form-field>
<button mat-raised-button (click)="addClick()" color="primary" mat-raised-button>
<mat-icon>add_box</mat-icon>Add
</button>
</mat-form-field>
<mat-form-field style="margin-left: auto">
<input (keyup)="doFilter($event.target.value)" matInput placeholder="Search" type="text">
</mat-form-field>
</form>
</mat-card>
</div>
要解决问题的第二个问题,可以直接按照官方故障排除instruction进行操作:
错误:mat-form-field必须包含MatFormFieldControl
当您没有向表单添加表单域控件时,会发生此错误 领域。如果您的表单字段包含本机或 元素,请确保已将matInput指令添加到该元素并具有 导入的MatInputModule。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。