Setting center to true in elementUI centers the title and bottom. This is not in the middle. What's going on?

< template scope= "scope" >

    <el-button type="text" size="small"></el-button>
    <el-button @click="handleClick(scope.row)" type="text" size="small"></el-button>
    <el-button type="text" size="small" @click="centerDialogVisible = true"></el-button>
    <el-dialog
      title=""
      :visible.sync="centerDialogVisible"
      width="30%"
      center="true">
      <span></span>
      <span slot="footer" class="dialog-footer">
        <el-button @click="centerDialogVisible = false" > </el-button>
        <el-button type="primary" @click="centerDialogVisible = false"> </el-button>
      </span>
    </el-dialog>
  </template>
Feb.27,2021

you can write center , or : center= "true" write


I have tried all the above


clipboard.png
center attribute setting is whether the head and bottom are centered to display


you can write center=true directly.


I tried to center the class header that I added myself later, and then center the button at the bottom of el-dialog to add custom-class= "el-dialog--center" < el-row class= "el-dialog--center" >

.
Menu