自存 angular material design 表单输入框lable右对齐样式

 实践以后回来 ，给标签设置固定宽度 是最可靠的方法

1. 单个输入框的文字lable放输入框左边实现
   

  material design 的组件库示例没有文字描述放左边的样式 ,所以mat-lable并没有放在mat-form-field中

          <div class="input-container col-6">
            <mat-label>商品售价<span class="text-error">*</span></mat-label>
            <mat-form-field appearance="fill">
              <input matInput placeholder="请输入" required formControlName="sellingPrice">
            </mat-form-field>
          </div>

 2.label文字右对齐，对lable、输入框父级容器使用flex布局，justify-content: end;使输入框右边对齐

// 输入框容器样式
.input-container {
  display: flex;
  align-items: baseline;
  justify-content: end;
}

3.一行两个输入表单组件是使用了bootstrap的栅格系统 col-6