小编Kal*_*ndo的帖子

我希望两个组件具有相同的高度（左侧表单的大小），尝试了 margin 、 padding 没有任何效果

下面是其父元素 HTML 的代码

<mat-tab label="Update Profile">

    <div class="container">
      <mat-card class="mat-card-container">
      <div class="vertical-center row" >

        <div class="col-lg-1">
        </div>

        <div class="col-lg-6">
          <app-register [user]="user"></app-register>
        </div>

        <div class="col-lg-4 password-change-form">
          <app-password-change [id]="user.id"></app-password-change>
        </div>



        <div class="col-lg-1">
        </div>

      </div>
      </mat-card>
    </div>
  </mat-tab>

CSS

.vertical-center {
  margin-top: 2rem;
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
}
.password-change-form{
  padding: inherit;
}
.spacer{}

从上面我应该学习哪一个或者我需要学习两者然后按什么顺序我是 Spring 框架的新手（大约几天）