Element Plus Manual

居中对齐

Referren element-ui from表单居中 from here

      <!-- 一级归属 -->
      <el-col>
        <el-form-item
          label="一级归属"
          prop="primaryOwnership"
          style="display: inline-block"
        >
          <el-select v-model="ruleForm.primaryOwnership" placeholder="请选择一级归属">
            <el-option label="区域一" value="shanghai"></el-option>
            <el-option label="区域二" value="beijing"></el-option>
          </el-select>
        </el-form-item>
      </el-col>
      </el-row>

需要上下两级设置，有时间需要好好研究下
父元素：text-align: center
子元素：display: inline-block


.div-center {
text-align: center;
background-color:#f7f7f6;
width:60%;
margin:0 auto;
padding:2%;
}

el-radio-group 垂直

               <el-radio-group v-model="form.code" style="display: block;">
                    <el-row>
                        <el-radio label="1" border>Normal</el-radio>
                    </el-row>
                    <div style="margin:10px 0"></div>
                    <el-row>
                        <el-radio label="2" border>Special</el-radio>
                    </el-row>
                </el-radio-group>

div broder

<div class="div-send-email"></div>
.div-send-email {
    
    
  width: 100%;
  height: 200px;
  border: 1px solid var(--el-border-color);
}