在App.vue中加入以下css代码
.el-dialog {
display: flex;
flex-direction: column;
margin: 0 !important;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
以上是编程学习网小编为您介绍的“el-dialog弹窗全局垂直居中设置”的全面内容,想了解更多关于 vuejs 内容,请继续关注编程基础学习网。
编程基础网
本文标题为:el-dialog弹窗全局垂直居中设置
基础教程推荐
猜你喜欢
- 微信小程序 template模板详解及实例代码 2023-12-28
- sql、linq、lambda三种表达方式转换 转自https://www.cnblogs.com/drzhong/p/4393231.html 2023-10-25
- 关于 byval 与 byref 的区别分析总结 2023-12-14
- JS前端组件注册与画布渲染实例 2023-12-26
- 利用CSS制作3D动画 2022-11-23
- javascript getElementsByClassName 和js取地址栏参数 2023-12-27
- el-table合计自定义 2024-12-07
- JavaScript中import用法总结 2023-12-01
- CSS中使用inline-block来进行居中的示例 2024-01-17
- js cookie实现记住密码功能 2024-01-12
