在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弹窗全局垂直居中设置
基础教程推荐
猜你喜欢
- vue-cli4 配置gzip 2023-10-08
- vue项目中解决 IOS + H5 滑动边界橡皮筋弹性效果(解决思路) 2024-04-01
- JavaScript可视化与Echarts详细介绍 2022-08-31
- 妙用Ajax技术实现局部刷新商品数量和总价实例代码 2022-12-28
- JS利用cookies设置每隔24小时弹出框 2024-03-21
- vue给页面添加水印,或者给iframe添加水印 2023-10-08
- JS如何使用剪贴板操作Clipboard API 2024-01-05
- vuejs中使用vue-visibility-change全局(局部)监听浏览器 2024-12-08
- vue.js 实现点击div标签时改变样式 2024-03-12
- VUE3.0-手写实现组合API 2023-10-08