element 布局问题

@{
    this.Layout = "~/Views/Shared/_LayoutSPC.cshtml";
    //Layout = null;
}
<style>
    .el-header, .el-footer {
    background-color: #B3C0D1;
    color: #333;
    text-align: center;
    height:30vh;
    padding: 0;
  }
    .el-main {
    background-color: #E9EEF3;
    color: #333;
    text-align: center;
    line-height: 60vh;
    padding-bottom:0;
    margin-bottom:0;
  }
    .el-row {
    margin-bottom: 10px;
  }
  .el-col {
    border-radius: 4px;
  }
  .bg-purple-dark {
    background: #99a9bf;
  }
  .bg-purple {
    background: #d3dce6;
  }
  .bg-purple-light {
    background: #e5e9f2;
  }
  .grid-content {
    border-radius: 4px;
    min-height: 5vh;
  }
  .row-bg {
    padding: 10px 0;
    background-color: #f9fafc;
  }
</style>
    <div id="molding">
        <el-container>
            <el-header style="height:9vh;">
                <el-row style="height:9vh;background-color: #336699;">
                    <el-col :span="6" style="height:9vh;display:flex;justify-content:center;align-items:center;">
                        <div style="justify-content:left;align-items:center;">
                            <h1 style="font-size: 3vh;font-family:Arial;color:white">SPC Dynamic</h1>
                        </div>
                    </el-col>
                    <el-col :span="6" style="height:9vh;display:flex;justify-content:center;align-items:center;">
                        <div style="justify-content:left;align-items:center;">
                            <h1 style="font-size: 2vh;font-family:Arial;color:white">Suggestion Summary Dashboard</h1>
                        </div>
                    </el-col>
                    <el-col :span="6" style="height:9vh;display:flex;justify-content:center;align-items:center;">
                        <div style="justify-content:left;align-items:center;">
                            <h1 style="font-size: 2vh;font-family:Arial;color:white">Suggestion Summary Dashboard</h1>
                        </div>
                    </el-col>
                    <el-col :span="6" style="height:9vh;display:flex;justify-content:center;align-items:center;">
                        <div style="justify-content:left;align-items:center;">
                            <h1 style="font-size: 2vh;font-family:Arial;color:white">Suggestion Summary Dashboard</h1>
                        </div>
                    </el-col>
                    @*<el-col :span="6">
            <div style="align-items:center">
                <span>SPC Dynamic</span>
            </div>
        </el-col>*@
                </el-row>
                
            </el-header>