el-dialog居中

el-dialog居中的实现原理是通过设置样式来实现的。具体的样式设置可以参考以下几点：

1. 使用flex布局：通过给el-dialog__wrapper添加display: flex属性，将其设置为flex格式化上下文，使得内部元素可以进行自动居中对齐。

2. 设置margin:auto：在el-dialog内部的元素设置margin:auto，可以使得元素在设置对齐方式之前，任何空闲的空间都会分配到该方向的自动margin中，从而实现居中对齐。

3. 使用position:absolute和transform属性：通过设置el-dialog的position为absolute，并使用top:50%和left:50%将其定位到屏幕的中心位置，然后使用transform:translate(-50%,-50%)将其向左上方偏移50%，从而实现居中对齐。

综上所述，通过以上样式设置，可以实现el-dialog的居中显示效果。
#### 引用[.reference_title]
- *1* *3* [element中el-dialog组件垂直居中完美解决方案，适配超高dialog](https://blog.csdn.net/qq_38571305/article/details/127636471)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down1,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* [vue el-dialog 对话框居中显示](https://blog.csdn.net/HH18700418030/article/details/100124773)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down1,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]