a-col+a-form 布局，form表单项为空时，样式掉下来了

如图：

原因在于没有给每一项具体的高度，当没有内容的时候，高度比其他项少了一点。

<a-form-model :model="BadeInfoform" layout="inline">
      <a-row class="centerWrapper">
           <a-col :span="11" class="companyInfo">
          <a-form-model-item label="xx名称">
            <span>{{ BadeInfoform.subject_name }}</span>
          </a-form-model-item>
        </a-col>
        <a-col :span="11" class="companyInfo">
          <a-form-model-item label="xx标识">
            <span>{{ BadeInfoform.subject_id }}</span>
          </a-form-model-item>
        </a-col>
        <a-col :span="11" class="companyInfo">
          <a-form-model-item label="xx编码">
            <span>{{ BadeInfoform.subject_code }}</span>
          </a-form-model-item>
        </a-col>
        <a-col :span="11" class="companyInfo">
          <a-form-model-item label="xx名称">
            <span>{{ BadeInfoform.special_name }}</span>
          </a-form-model-item>
        </a-col>
          </a-row>
           </a-form-model>

.centerWrapper {
  width: 100%;
  .companyInfo {
      height: 60px;
    padding: 10px 10px 10px 20px;
  }
}

加完高度之后就正常了