如何在MUI中居中显示对话框标题？

Question

我怎么能居中的DialogTitle（MUI）？我的代码：

<Dialog
   open={this.state.open}
   titleStyle = {styles.Dialog}
   title='Title centered please!'
   actions={standardActions}
   onRequestClose={this.handleRequestClose}
>

  Dialog boby...
</Dialog>

标题与文本"Ingreso de Procdymientos"居中请

Answer 1

所有的解决方案都不再有效了。试试下面的方法

 <DialogTitle>
    <label className={"h4 custom-flex-justify-center"}>Add New </label>
</DialogTitle>

并定义自定义的“调整中心”类，如下所示

.custom-flex-justify-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

这也适用于材质UI 5

Answer 2

您只需使用对话框标题组件，并在其中添加排版组件即可

<DialogTitle>
  <Typography variant="h3" align="center">Centered Title</Typography>
</DialogTitle>

希望这有帮助：））

Answer 3

这对我有效：

<Dialog
   titleStyle={{textAlign: "center"}}
   ... />